gusucode.com > 黑色西装服饰类网站源码 工作服装量身定制网站织梦模板（demo359）源码程序 > 黑色西装服饰类网站源码 工作服装量身定制网站织梦模板（demo359）源码程序/www2/style/css/style.css

    /* AB模版网 做最好的织梦整站模板下载网站 */
/* 网址：Www.AdminBuy.Cn */
/* 图标大全：Sc.AdminBuy.Cn 专业建站素材网站 */
/* QQ：9490489 */

/* ======  reset  ====== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {

	margin: 0;

	padding: 0

}

fieldset, img {

	border: 0

}

:focus {

	outline: 0

}

address, caption, cite, code, dfn, em, th, var, optgroup {

	font-style: normal;

	font-weight: normal

}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal

}

abbr, acronym {

	border: 0;

	font-variant: normal

}

input, button, textarea, select, optgroup, option {

	font-family: inherit;

	font-size: inherit;

	font-style: inherit;

	font-weight: inherit

}

code, kbd, samp, tt {

	font-size: 100%

}

input, button, textarea, select {

*font-size:100%

}

body {

	line-height: 1.5

}

ol, ul {

	list-style: none

}

table {

	border-collapse: collapse;

	border-spacing: 0

}

caption, th {

	text-align: left

}

sup, sub {

	font-size: 100%;

	vertical-align: baseline

}

:link, :visited, ins {

	text-decoration: none

}

blockquote, q {

	quotes: none

}

blockquote:before, blockquote:after, q:before, q:after {

	content: '';

	content: none

}

/* ======  fonts  ====== */

body {

	font: 13px/1.231 arial, helvetica, clean, sans-serif;

*font-size:small;

*font:x-small;

}

table {

	font-size: inherit;

	font: 100%;

}

pre, code, kbd, samp, tt {

	font-family: monospace;

*font-size:108%;

	line-height: 100%;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: bold;

}

h1, .h1 {

	font-size: 32px;

}

h2, .h2 {

	font-size: 26px;

}

h3, .h3 {

	font-size: 24px;

}

h4, .h4 {

	font-size: 22px;

}

h5, .h5 {

	font-size: 18px;

}

h6, .h6 {

	font-size: 14px;

}

/* ======  clearfix  ====== */

.clear {

	clear: both;

	visibility: hidden;

	display: block;

	font-size: 0;

	line-height: 0;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clearfix {

*zoom:1;

}

/* ======  typo  ====== */

.typo:before, .typo:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.typo:after {

	clear: both;

}

.typo {

*zoom:1;

}

.typo .typo-text {

	overflow: hidden;

*zoom:1;

}

.typo .typo-img {

	float: left;

	margin-right: 20px;

}

.typo .typo-img-right {

	float: right;

	margin-left: 20px;

	margin-right: 0;

}

/* ======  Columns  ====== */

.column:after {

	clear: both;

	content: ".";

	display: block;

	font-size: 0;

	height: 0;

	line-height: 0;

	min-height: 0;

	visibility: hidden;

*zoom:1;

}

.column {

	width: 100%;

}

.column .col-2-1, .column .col-3-1, .column .col-4-1, .column .col-4-2, .column .col-5-1, .column .col-3-2, .column .col-4-3, .column .col-5-2, .column .col-5-3, .column .col-5-4 {

	float: left;

	min-height: 1px;

	height: auto !important;

	_height: 1px;

}

/* default marg-per3 margin right 3% */

.column .col-1-1 {

	width: 100%;

}

.column .col-2-1 {

	width: 48.5%;

	margin-right: 3%;

}

.column .col-3-1 {

	width: 31.3333%;

	margin-right: 3%;

}

.column .col-4-1 {

	width: 22.75%;

	margin-right: 3%;

}

.column .col-5-1 {

	width: 17.6%;

	margin-right: 3%;

}

.column .col-3-2 {

	width: 65.6666%;

	margin-right: 3%;

}

.column .col-4-2 {

	width: 48.5%;

	margin-right: 3%;

}

.column .col-4-3 {

	width: 74.25%;

	margin-right: 3%;

}

.column .col-5-2 {

	width: 38.2%;

	margin-right: 3%;

}

.column .col-5-3 {

	width: 58.8%;

	margin-right: 3%;

}

.column .col-5-4 {

	width: 79.4%;

	margin-right: 3%;

}

/* margin right 0% */

.marg-per0 > .col-2-1 {

	width: 50%;

	margin-right: 0;

}

.marg-per0 > .col-3-1 {

	width: 33.3333%;

	margin-right: 0;

}

.marg-per0 > .col-4-1 {

	width: 25%;

	margin-right: 0;

}

.marg-per0 > .col-5-1 {

	width: 20%;

	margin-right: 0;

}

.marg-per0 > .col-3-2 {

	width: 66.6666%;

	margin-right: 0;

}

.marg-per0 > .col-4-2 {

	width: 50%;

	margin-right: 0;

}

.marg-per0 > .col-4-3 {

	width: 75%;

	margin-right: 0;

}

.marg-per0 > .col-5-2 {

	width: 40%;

	margin-right: 0;

}

.marg-per0 > .col-5-3 {

	width: 60%;

	margin-right: 0;

}

.marg-per0 > .col-5-4 {

	width: 80%;

	margin-right: 0;

}

/* margin right 2% */

.marg-per2 > .col-2-1 {

	width: 49%;

	margin-right: 2%;

}

.marg-per2 > .col-3-1 {

	width: 32%;

	margin-right: 2%;

}

.marg-per2 > .col-4-1 {

	width: 23.5%;

	margin-right: 2%;

}

.marg-per2 > .col-5-1 {

	width: 18.4%;

	margin-right: 2%;

}

.marg-per2 > .col-3-2 {

	width: 66%;

	margin-right: 2%;

}

.marg-per2 > .col-4-2 {

	width: 49%;

	margin-right: 2%;

}

.marg-per2 > .col-4-3 {

	width: 74.5%;

	margin-right: 2%;

}

.marg-per2 > .col-5-2 {

	width: 38.8%;

	margin-right: 2%;

}

.marg-per2 > .col-5-3 {

	width: 59.2%;

	margin-right: 2%;

}

.marg-per2 > .col-5-4 {

	width: 79.6%;

	margin-right: 2%;

}

/* margin right 4% */

.marg-per4 > .col-2-1 {

	width: 48%;

	margin-right: 4%;

}

.marg-per4 > .col-3-1 {

	width: 30.6667%;

	margin-right: 4%;

}

.marg-per4 > .col-4-1 {

	width: 22%;

	margin-right: 4%;

}

.marg-per4 > .col-5-1 {

	width: 16.8%;

	margin-right: 4%;

}

.marg-per4 > .col-3-2 {

	width: 65.3333%;

	margin-right: 4%;

}

.marg-per4 > .col-4-2 {

	width: 48%;

	margin-right: 4%;

}

.marg-per4 > .col-4-3 {

	width: 74%;

	margin-right: 4%;

}

.marg-per4 > .col-5-2 {

	width: 37.6%;

	margin-right: 4%;

}

.marg-per4 > .col-5-3 {

	width: 58.4%;

	margin-right: 4%;

}

.marg-per4 > .col-5-4 {

	width: 79.2%;

	margin-right: 4%;

}

/* margin right 5% */

.marg-per5 > .col-2-1 {

	width: 47.5%;

	margin-right: 5%;

}

.marg-per5 > .col-3-1 {

	width: 30%;

	margin-right: 5%;

}

.marg-per5 > .col-4-1 {

	width: 21.25%;

	margin-right: 5%;

}

.marg-per5 > .col-5-1 {

	width: 16%;

	margin-right: 5%;

}

.marg-per5 > .col-3-2 {

	width: 65%;

	margin-right: 5%;

}

.marg-per5 > .col-4-2 {

	width: 47.5%;

	margin-right: 5%;

}

.marg-per5 > .col-4-3 {

	width: 73.75%;

	margin-right: 5%;

}

.marg-per5 > .col-5-2 {

	width: 37%;

	margin-right: 5%;

}

.marg-per5 > .col-5-3 {

	width: 58%;

	margin-right: 5%;

}

.marg-per5 > .col-5-4 {

	width: 79%;

	margin-right: 5%;

}

.column .last {

	margin-right: 0;

*float:right;

*clear:right;

}

/* ======  Form  ====== */

.qhdform fieldset {

	border: none;

	margin: 0;

	padding: 0;

}

.qhdform fieldset legend {

	margin: 0;

	padding: 0;

}

.qhdform .formHeader, .qhdform .formSection {

	padding-bottom: 10px;

	margin-bottom: 25px;

}

.qhdform .formHeader p, .qhdform .formSection p {

	color: #666;

}

/* clear float for Form */ 

.qhdform .formrow {

	font-size: 12px;

	line-height: 100%;

}

.qhdform .formrow:before, .formrow:after {

	content: ".";

	display: block;

	height: 0;

	visibility: hidden;

}

.qhdform .formrow:after {

	clear: both;

}

.qhdform .formrow {

#zoom:1;

}

.qhdform .formrow .controls {

	overflow: hidden;

#zoom:1;

	_float: left;

	_clear: right;

}

/* ====== 默认表单布局 ====== */

/*表单抬头*/

.qhdform .formrow .label {

	display: block;

	float: left;

	margin: 5px 15px 0 0;

	line-height: 16px;

	width: 100px;

}

.qhdform .formrow .label em {

	display: inline-block;

	float: right;

	line-height: 22px;

	margin-left: 5px;

}

/*帮助提示*/

.qhdform .inlineHint {

	display: inline-block;

*display:inline;

*zoom:1;

	vertical-align: middle;

}

.qhdform .inlineHint, .qhdform .blockHint {

	color: #777;

	line-height: 20px;

}

/* 默认表单元素宽度 */

.qhdform .textInput, .qhdform .fileUpload, .qhdform .selectInput, .qhdform select, .qhdform textarea {

	width: 95%;

}

/* 预设表单元素宽度 */

.qhdform .small {

	width: 25% !important;

}

.qhdform .medium {

	width: 50% !important;

}

.qhdform .auto {

	width: auto !important;

	height: auto !important;

	overflow: visible;

}

.qhdform .textInput, .qhdform .textarea, .qhdform .selectInput, .qhdform .fileUpload {

	color: #666;

	margin: 0 5px 6px 0;

}

/* 表单组 */

.qhdform .controls ul {

	padding: 0;

	margin: 0 0 10px;

	list-style: none;

}

.qhdform .controls li {

	padding: 8px 0 0;

*padding:5px 0 0;

	list-style: none;

}

.qhdform .controls .inlinelabel li {

	display: inline-block;

*display:inline;

*zoom:1;

	margin-right: 15px;

}

.qhdform .controls li label .textInput, .qhdform .controls li label .textarea, .qhdform .controls li label .selectInput {

	display: block;

	margin-top: 8px;

}

.qhdform .controls .column li .textInput, .qhdform .controls .column li .textarea, .qhdform .controls .column li .selectInput {

	width: 90%;

	margin-right: 0;

}

.qhdform .controls .column {

	margin-bottom: 0;

}

/* ====== 无边框/文本居右 表单布局 ====== */

.qhdform .labelRright .label {

	text-align: right;

	margin-left: 0;

}

.qhdform .labelRright .label em {

	float: none;

	line-height: normal;

	margin: 0 5px 0 0;

}

.qhdform .labelRright .formrow {

	border: none;

	padding: 5px 0;

}

/* ====== 竖排结构 表单布 局====== */

.qhdform .blockLabels .label {

	display: block;

	float: none;

	position: relative;

	margin: 0 0 5px 0;

	line-height: 18px;

	width: 100%;

}

.qhdform .blockLabels .label em {

	display: inline-block;

	float: none;

	line-height: 16px;

	position: absolute;

	left: -6px;

	top: 2px;

	margin-left: 0;

}

/* form skins */

.qhdform .formrow {

	padding: 15px 10px 10px;/* width:100%;*/

	overflow: hidden;

	border-bottom: 1px solid #EFEFEF;

}

.qhdform .formbutton {

	border-bottom: none;

}

.qhdform .textInput, .qhdform textarea {

	padding: 5px;

	line-height: normal;

	border: solid 1px #ddd;

	background: #FFF url(../images/input_bg.png) repeat-x top;

	_background-image: none;

}

.qhdform textarea {

	height: 12em;

	line-height: 160%;

}

.qhdform select {

	padding: 4px;

	border: 1px solid #ddd;

	background: #fff;

}

.qhdform .textInput:focus, .qhdform textarea:focus {

	border-color: #c9c9c9;

	outline: 0;

}

.qhdform .textInput, .qhdform textarea {

	-webkit-transition: border linear 0.2s;

	-moz-transition: border linear 0.2s;

	-ms-transition: border linear 0.2s;

	-o-transition: border linear 0.2s;

	transition: border linear 0.2s;

}

/* Form Messages */

.qhdform .formrow.error, .qhdform .formrow.focused.error {

	background: #ffdfdf;

	border: 1px solid #f3afb5;/* CSS3 */

	border-radius: 4px;

	-webkit-border-radius: 4px;

	-moz-border-radius: px;

	-o-border-radius: 4px;

	-khtml-border-radius: 4px;

}

/* labelRright error Messages */

.qhdform .labelRright .formrow.error, .qhdform .labelRright .formrow.focused.error {

	background: none;

	border: none;

}

.qhdform .labelRright .formrow.error input.error, .qhdform .labelRright .formrow.error select.error, .qhdform .labelRright .formrow.error textarea.error {

	color: #af4c4c;

	border: 1px solid #F3AFB5;

}

/* 静态内容

------------------------------------------------------------------------------------------ */

.qhd-content h1 {

	font-size: 32px;

	margin-bottom: 10px;

}

.qhd-content h2 {

	font-size: 24px;

	margin-bottom: 10px;

}

.qhd-content h3 {

	font-size: 22px;

	margin-bottom: 10px;

}

.qhd-content h4 {

	font-size: 20px;

}

.qhd-content h5 {

	font-size: 16px;

}

.qhd-content h6 {

	font-size: 14px;

}

.qhd-content p {

	line-height: 1.8;

}

.qhd-content hr {

	border-color: #4d4d4d;

}

.qhd-content em {

	font-style: italic;

}

.qhd-content sup {

	vertical-align: super;

	font-size: 12px;

}

.qhd-content sub {

	vertical-align: sub;

	font-size: 12px;

}

.qhd-content blockquote {

	line-height: 1.6;

	padding: 5px 10px 5px 15px;

	font-family: "微软雅黑";

	background: none;

	border-left: 3px solid #ccc;

	background-color: #f7f7f7;

	color: #808080;

}

.qhd-content blockquote p {

	margin-bottom: 5px;

}

.qhd-content ul, .qhd-content ol {

	line-height: 1.8;

}

.qhd-content ul li, .qhd-content ol li {

	padding-top: 2px;

	padding-bottom: 2px;

}

.qhd-content ul.iconlist li {

	background-position: 0 7px;

}

.qhd-content ol {

	padding-left: 2.5em;

}

.qhd-content img {

	vertical-align: middle;

	max-width: 100%;

	_max-width: none;

	height: auto !important;

}

.table {

	background-color: #1f1f1f;

}

.table th, .table td {

	border-top: 1px solid #1a1a1a;

	padding: 10px 15px;

}

.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th {

	background-color: #1d1e22;

}

.table th {

	background: #121212;

	color: #d4d4d4;

}

.table-bordered {

	border-color: #1a1a1a #1a1a1a #1a1a1a;

}

.table-bordered th, .table-bordered td {

	border-left: 1px solid #1a1a1a;

}

.table-row thead th {

	background: #1d1e22;

}

.table-row tbody th {

	background: #2b2d33;

}

.table-col tbody th {

	background: #1d1e22;

}

/*****************   buttons   ******************/

.btn-small, button.btn-small em {

	font-size: 13px;

	padding: 0 15px 0 0;

}

.btn-small span {

	height: 28px;

	line-height: 27px;

	padding: 0 0 0 15px;

}

.btn-medium, button.btn-medium em {

	font-size: 15px;

	padding: 0 20px 0 0;

}

.btn-medium span {

	height: 36px;

	line-height: 36px;

	padding: 0 0 0 20px;

}

.btn-large, button.btn-large em {

	font-size: 16px;

	padding: 0 25px 0 0;

}

.btn-large span {

	font-weight: bold;

	height: 46px;

	line-height: 46px;

	padding: 0 0 0 25px;

}

.btn-medium-norm span, .btn-small-norm span, .btn-large-norm span {

	color: #fff !important;

	text-shadow: none;

}

.btn-medium-main span, .btn-small-main span, .btn-large-main span {

	color: #fff !important;

	text-shadow: none;

}

.btn-medium-assist span, .btn-small-assist span, .btn-large-assist span {

	color: #fff !important;

	text-shadow: none;

}

.btn-medium-match span, .btn-small-match span, .btn-large-match span {

	color: #fff !important;

	text-shadow: none;

}

/* 小按钮 */

.btn-small-norm, button.btn-small-norm em {

	background: url(../images/btn-small-norm.png) no-repeat right -30px;

	_background: url(../images/btn-small-norm.gif) no-repeat right -30px;

}

.btn-small-norm span {

	background: url(../images/btn-small-norm.png) no-repeat left 0;

	_background: url(../images/btn-small-norm.gif) no-repeat left 0;

}

.btn-small-main, button.btn-small-main em {

	background: url(../images/btn-small-main.png) no-repeat right -30px;

	_background: url(../images/btn-small-main.gif) no-repeat right -30px;

}

.btn-small-main span {

	background: url(../images/btn-small-main.png) no-repeat left 0;

	_background: url(../images/btn-small-main.gif) no-repeat left 0;

}

.btn-small-assist, button.btn-small-assist em {

	background: url(../images/btn-small-assist.png) no-repeat right -30px;

	_background: url(../images/btn-small-assist.gif) no-repeat right -30px;

}

.btn-small-assist span {

	background: url(../images/btn-small-assist.png) no-repeat left 0;

	_background: url(../images/btn-small-assist.gif) no-repeat left 0;

}

.btn-small-match, button.btn-small-match em {

	background: url(../images/btn-small-match.png) no-repeat right -30px;

	_background: url(../images/btn-small-match.gif) no-repeat right -30px;

}

.btn-small-match span {

	background: url(../images/btn-small-match.png) no-repeat left 0;

	_background: url(../images/btn-small-match.gif) no-repeat left 0;

}

/*中型按钮*/

.btn-medium-norm, button.btn-medium-norm em {

	background: url(../images/btn-medium-norm.png) no-repeat right -38px;

	_background: url(../images/btn-medium-norm.gif) no-repeat right -38px;

}

.btn-medium-norm span {

	background: url(../images/btn-medium-norm.png) no-repeat left 0;

	_background: url(../images/btn-medium-norm.gif) no-repeat left 0;

}

.btn-medium-main, button.btn-medium-main em {

	background: url(../images/btn-medium-main.png) no-repeat right -38px;

	_background: url(../images/btn-medium-main.gif) no-repeat right -38px;

}

.btn-medium-main span {

	background: url(../images/btn-medium-main.png) no-repeat left 0;

	_background: url(../images/btn-medium-main.gif) no-repeat left 0;

}

.btn-medium-assist, button.btn-medium-assist em {

	background: url(../images/btn-medium-assist.png) no-repeat right -38px;

	_background: url(../images/btn-medium-assist.gif) no-repeat right -38px;

}

.btn-medium-assist span {

	background: url(../images/btn-medium-assist.png) no-repeat left 0;

	_background: url(../images/btn-medium-assist.gif) no-repeat left 0;

}

.btn-medium-match, button.btn-medium-match em {

	background: url(../images/btn-medium-match.png) no-repeat right -38px;

	_background: url(../images/btn-medium-match.gif) no-repeat right -38px;

}

.btn-medium-match span {

	background: url(../images/btn-medium-match.png) no-repeat left 0;

	_background: url(../images/btn-medium-match.gif) no-repeat left 0;

}

/*大型按钮*/

.btn-large-norm, button.btn-large-norm em {

	background: url(../images/btn-large-norm.png) no-repeat right -48px;

	_background: url(../images/btn-large-norm.gif) no-repeat right -48px;

}

.btn-large-norm span {

	background: url(../images/btn-large-norm.png) no-repeat left 0;

	_background: url(../images/btn-large-norm.gif) no-repeat left 0;

}

.btn-large-main, button.btn-large-main em {

	background: url(../images/btn-large-main.png) no-repeat right -48px;

	_background: url(../images/btn-large-main.gif) no-repeat right -48px;

}

.btn-large-main span {

	background: url(../images/btn-large-main.png) no-repeat left 0;

	_background: url(../images/btn-large-main.gif) no-repeat left 0;

}

.btn-large-assist, button.btn-large-assist em {

	background: url(../images/btn-large-assist.png) no-repeat right -48px;

	_background: url(../images/btn-large-assist.gif) no-repeat right -48px;

}

.btn-large-assist span {

	background: url(../images/btn-large-assist.png) no-repeat left 0;

	_background: url(../images/btn-large-assist.gif) no-repeat left 0;

}

.btn-large-match, button.btn-large-match em {

	background: url(../images/btn-large-match.png) no-repeat right -48px;

	_background: url(../images/btn-large-match.gif) no-repeat right -48px;

}

.btn-large-match span {

	background: url(../images/btn-large-match.png) no-repeat left 0;

	_background: url(../images/btn-large-match.gif) no-repeat left 0;

}

/*  buttons hover  */

.btn-small:hover, button.btn-small:hover em {

	background-position: right -90px;

}

.btn-small:hover span {

	background-position: left -60px;

}

.btn-medium:hover, button.btn-medium:hover em {

	background-position: right -114px;

}

.btn-medium:hover span {

	background-position: left -76px;

}

.btn-large:hover, button.btn-large:hover em {

	background-position: right -144px;

}

.btn-large:hover span {

	background-position: left -96px;

}

/*  buttons active  */

.btn-small:active, button.btn-small:active em {

	background-position: right -150px;

}

.btn-small:active span {

	background-position: left -120px;

}

.btn-medium:active, button.btn-medium:active em {

	background-position: right -190px;

}

.btn-medium:active span {

	background-position: left -152px;

}

.btn-large:active, button.btn-large:active em {

	background-position: right -240px;

}

.btn-large:active span {

	background-position: left -192px;

}

/* ====== Slideshow & Scrollable ====== */

.carousel-direction a {

	display: block;

	width: 30px;

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	position: absolute;

	top: 50%;

	z-index: 100;

	margin-top: -30px;

	font-family: simsun;

	text-align: center;

	color: #fff;

	font-size: 30px;

	text-decoration: none;

	cursor: pointer;

	background-color: #666;

}

.carousel-direction a:hover {

	background-color: #4d4d4d;

	color: #fff;

	text-decoration: none;

}

.carousel-direction a.disabled, .carousel-direction a.disabled:hover {

	background-color: #dcf2ff;

	color: #ccc;

	cursor: default;

}

.carousel-prev {

	left: 0;

}

.carousel-next {

	right: 0;

}

.carousel-btn {

	text-align: center;

	margin: 10px 0;

}

.carousel-btn a {

	display: inline-block;

	width: 12px;

	height: 12px;

	margin: 0 5px;

	background: #333;

	border-radius: 50%;

}

.carousel-btn .selected {

	background: #f30;

	cursor: default;

}

.carousel-btn a span {

	display: none;

}

.carousel-btn-fixed {

	width: 100%;

	position: absolute;

	bottom: 15px;

	left: 0;

	margin: 0;

	z-index: 100;

}

.carousel-num {

	position: absolute;

	bottom: 10px;

	right: 10px;

	z-index: 100;

}

.carousel-num a {

	display: inline-block;

*display:inline;

*zoom:1;

	width: 22px;

	height: 22px;

	line-height: 22px;

	margin: 0 0 0 5px;

	text-align: center;

	background: #333;

	font-size: 12px;

	color: #fff;

}

.carousel-num a:hover {

	text-decoration: none;

	color: #fff;

}

.carousel-num a.selected {

	background: #f30;

	cursor: default;

}

.carousel-thumbs {

	text-align: center;

}

.carousel-thumbs a {

	border: 2px solid #ccc;

	margin: 0 3px;

	display: inline-block;

*display:inline;

*zoom:1;

}

.carousel-thumbs a:hover, .carousel-thumbs a.selected {

	border-color: #f60;

}

.carousel {

	position: relative;

}

.carousel-item {

	position: relative;

	float: left;

}

.carousel-item .carousel-img a[href="javascript:;"] {

	cursor: default;

}

.carousel-item img {

	display: block;

}

.carousel-info {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	background: url(../images/opa70.png);

}

.carousel-info-inner {

	font-size: 13px;

	padding: 8px 10px;

	color: #fff;

}

.carousel-info-inner a, .carousel-info-inner a:hover {

	color: #fff;

}

.carousel-info-inner h3 {

	font-size: 16px;

	line-height: 20px;

	color: #fff;

}

.carousel-info-inner p {

	margin-top: 5px;

}

.responsive-carousel {

	overflow: hidden;

}

.responsive-carousel .carousel-item { /*float:none;*/

}

.responsive-carousel .carousel-item img {

	width: 100%;

	height: auto;

}

.responsive-carousel .carousel-direction {

	display: none;

}

.responsive-carousel:hover .carousel-direction {

	display: block;

}

.slideshow {

	overflow: hidden;

}

.slideshow .carousel-direction a {

}

.slideshow .carousel-direction a:hover {

}

.slideshow .carousel-prev {

}

.slideshow .carousel-next {

}

.slideshow-gallery {

	margin-bottom: 20px;

}

.slideshow-gallery .carousel-img a {

	display: block;

	text-align: center;

	width: 100%;

}

.slideshow-gallery .carousel-img img {

	display: inline;

}

.slideshow-gallery .carousel-info-inner h3 {

	font-size: 14px;

	line-height: 18px;

}

.slideshow-gallery .carousel-direction a {

	display: none !important;

}

.slideshow-gallery:hover .carousel-direction a {

	display: block !important;

}

.slideshow-gallery:hover .carousel-direction a {

	display: block;

}

.slideshow-gallery-thumbs {

	position: relative;

	padding: 0 30px;

}

.slideshow-gallery-thumbs img {

	float: left;

	display: block;

	margin: 0 2px;

	border: 1px solid #ccc;

	cursor: pointer;

	width: 104px;

}

.slideshow-gallery-thumbs img:hover, .slideshow-gallery-thumbs img.selected {

	border: 1px solid #f00;

}

.slideshow-gallery-thumbs-direction {

	padding: 0 50px;

}

.slideshow-gallery-thumbs-direction a {

	display: block;

	width: 20px;

	height: 76px;

	line-height: 76px;

	overflow: hidden;

	position: absolute;

	top: 50%;

	z-index: 100;

	margin-top: -38px;

	font-family: simsun;

	text-align: center;

	color: #fff;

	font-size: 25px;

	text-decoration: none;

	cursor: pointer;

	background-color: #ccc;

}

.slideshow-gallery-thumbs-direction a:hover {

	background-color: #999;

	color: #fff;

	text-decoration: none;

}

.slideshow-gallery-thumbs-direction .thumbs-carousel-prev {

	left: 0;

}

.slideshow-gallery-thumbs-direction .thumbs-carousel-next {

	right: 0;

}

.slideshow-gallery-thumbs-direction .disabled, .slideshow-gallery-thumbs-direction .disabled:hover {

	background-color: #dcf2ff;

	color: #ccc;

	cursor: default;

}

.scrollable {

}

.scrollable .caroufredsel_wrapper {

}

.scrollable ul {

	padding: 0;

	_margin-left: -5px !important;

	list-style: none;

	overflow: hidden;

}

.scrollable ul li {

	padding: 0px;

	margin: 0 10px;

	display: block;

	float: left;

	width: 230px;

	text-align: center;

}

.scrollable ul li img {

	display: block;

	width: 100%;

}

.scrollable ul li p {

	margin-bottom: 10px;

}

.scrollable ul li h2 {

	font-size: 14px;

	margin-bottom: 10px;

	line-height: 22px;

}

.scrollable ul li h2 a {

	font-size: 14px;

	font-weight: normal;

	color: #e5e5e5;

}

.scrollable ul li h2 a:hover {

	color: #fff;

	text-decoration: none;

}

.scrollable .text-intro {

	text-align: left;

	font-size: 13px;

	color: #808080;

	line-height: 1.5;

}

.scrollable-inside-page ul li {

	width: 160px;

}

.scrollable .carousel-direction a {

	margin-top: 0;

	top: 60px;

	color: #bfbfbf;

	font-size: 65px;

	background-color: transparent;

}

.scrollable .carousel-direction a:hover {

	color: #fff;

}

.scrollable .carousel-direction a.disabled, .scrollable .carousel-direction a.disabled:hover {

	color: #e5e5e5;

	background-color: transparent;

}

.scrollable a.carousel-prev {

	left: -30px;

}

.scrollable a.carousel-next {

	right: -30px;

}

.scrollable-text {

	width: 100%;

	height: 35px;

	overflow: hidden; /*background-color:#f2f2f2; */

}

.scrollable-text .carousel-direction a {

	display: block;

	width: 11px;

	height: 6px;

	overflow: hidden;

	margin-top: -5px;

	background-color: transparent;

	background-image: url(../images/direction-s.gif);

	background-repeat: no-repeat;

}

.scrollable-text .carousel-direction a:hover {

	background-color: transparent;

}

.scrollable-text .carousel-direction a span {

	display: none;

}

.scrollable-text .carousel-up {

	background-position: 0 0;

	right: 15px;

}

.scrollable-text .carousel-down {

	background-position: 0 -7px;

	right: 0;

}

.scrollable-text ul li {

	border: none;

	width: 100%;

}

/* ====== Tab & Accordion ====== */

.tabs-default .tabs-nav {

	font-size: 0;

}

.tabs-default .tabs-nav li {

	display: inline-block;

*display:inline;

*zoom:1;

	padding-right: 2px;

}

.tabs-default .tabs-nav li a {

	float: left;

	display: block;

	padding: 0 35px;

	line-height: 40px;

	background-color: #474747;

	font-size: 16px;

	color: #fff;

	text-decoration: none;

	cursor: pointer;

}

.tabs-default .tabs-nav li a:hover {

	background-color: #f30;

	color: #fff;

	text-decoration: none;

}

.tabs-default .tabs-nav li a.current, .tabs-default .tabs-nav li a.current:hover {

	background-color: #f30;

	color: #fff;

}

.tabs-default .tabs-nav li a span {

	display: inline-block;

*display:inline;

*zoom:1;

}

.tabs-default .tabs-nav li a i {

	float: left;

	display: inline;

	width: 20px;

	height: 20px;

	overflow: hidden;

	margin-right: 5px;

	position: relative;

	top: 24px;

	background-position: center center;

	background-repeat: no-repeat;

}

.tabs-default .tabs-panes {

}

.tabs-default .tabs-panes .tab-box {

	display: none;

	padding: 30px 0 0;

	width: auto;

}

.tab-more {

	float: none;

	clear: both;

	margin-top: 30px;

}

.tab-more a {

	display: inline-block;

*display:inline;

*zoom:1;

	line-height: 34px;

	padding: 0 30px;

	border: 2px solid #fff;

	color: #fff;

	font-size: 13px;

	transition: All 0.5s ease;

}

.tab-more a:hover {

	background-color: #fff;

	border-color: #fff;

	color: #000;

	text-decoration: none;

}

.tab-more-center {

	text-align: center;

}

.tab-more-right {

	text-align: right;

}

.tabs-down .tabs-nav li a.current, .tabs-down .tabs-nav li a.current:hover {

	background-color: #f30;

	color: #fff;

}

.tabs-down .tabs-panes .tab-box {

	padding: 0 0 30px 0;

	width: auto;

}

.tabs-left .tabs-nav {

	float: left;

	display: inline;

	width: 25%;

	height: auto;

	background-color: transparent;

}

.tabs-left .tabs-nav li {

	padding: 0;

	border: none;

	display: block;

	width: 100%;

	margin-bottom: 2px;

	background-color: #f2f2f2;

*display:inline;

}

.tabs-left .tabs-nav li a {

	display: block;

	padding: 0 15px;

	float: none;

	width: auto;

}

.tabs-left .tabs-nav li a span {

	line-height: normal;

	padding: 14px 0;

}

.tabs-left .tabs-nav li a.current, .tabs-left .tabs-nav li a.current:hover {

	background-color: #f30;

	color: #fff;

}

.tabs-left .tabs-panes {

	overflow: hidden;

*zoom:1;

}

.tabs-left .tabs-panes .tab-box {

	padding: 0 0 0 20px;

}

.tabs-right .tabs-nav {

	float: right;

	display: inline;

	width: 25%;

	height: auto;

	background-color: transparent;

}

.tabs-right .tabs-nav li {

	padding: 0;

	border: none;

	display: block;

	width: 100%;

	margin-bottom: 2px;

	background-color: #f2f2f2;

*display:inline;

}

.tabs-right .tabs-nav li a {

	display: block;

	padding: 0 15px;

	float: none;

	width: auto;

}

.tabs-right .tabs-nav li a span {

	line-height: normal;

	padding: 20px 0;

}

.tabs-right .tabs-nav li a.current, .tabs-right .tabs-nav li a.current:hover {

	background-color: #f30;

	color: #fff;

}

.tabs-right .tabs-panes {

	overflow: hidden;

*zoom:1;

}

.tabs-right .tabs-panes .tab-box {

	padding: 0 15px 0 0;

}

.tabs-center .tabs-nav {

	text-align: center;

}

.tabs-center .tabs-nav li {

	border: none;

}

.accordion {

}

.accordion .accordion-handle {

	position: relative;

	background-color: #474747;

	color: #fff;

	line-height: 30px;

	padding: 10px 0 10px 15px;

	margin-bottom: 2px;

	cursor: pointer;

*zoom:1;

}

.accordion .accordion-handle:hover {

	background-color: #f30;

}

.accordion .accordion-handle h4 {

	font-size: 15px;

	line-height: 20px;

}

.accordion .accordion-pane {

	display: none;

	padding: 15px 0;

}

.accordion .current, .accordion .current:hover {

	background-color: #f30;

	color: #fff;

}

.accordion .accordion-handle i {

	display: block;

	width: 40px;

	height: 40px;

	overflow: hidden;

	position: absolute;

	top: 0;

	right: 0;

	border-left: 1px solid #fff;

	background: url(../images/accordion.gif) no-repeat 0 0;

}

.accordion .current i {

	border-color: #fff;

	background-position: 0 -40px;

}

/* 文章 & 产品 公用

------------------------------------------------------------------------------------------ */

.entry-item {

	margin: 0 0 25px;

	background-color: #2a2a2a;

	transition: all 0.5s ease 0s;

}

.entry-item:hover {

	background-color: #fff;

}

.entry-item:hover a {

	color: #333;

}

.entry-item:hover a:hover {

	color: #f30;

}

.entry-item .typo-text {

	padding: 20px 20px 0 20px;

}

.entry-img {

	margin-bottom: 10px;

}

.entry-img img {

	display: block;

}

.entry-title {

	margin-bottom: 15px;

}

.entry-title h2 {

	font-size: 16px;

	line-height: 1.4;

}

.entry-title a {

	color: #a6a6a6;

}

.entry-title a:hover {

	color: #fff;

	text-decoration: none;

}

.entry-meta {

	font-size: 12px;

	margin-bottom: 10px;

	color: #808080;

}

.entry-meta em {

	margin: 0 8px;

}

.entry-meta strong {

	font-weight: normal;

}

.entry-meta a {

	color: #808080;

}

.entry-meta a:hover {

	color: #f30;

	text-decoration: none;

}

.entry-summary {

	color: #999;

	font-size: 12px;

	margin-bottom: -5px;

}

.entry-summary p {

	line-height: 1.5;

}

.entry-detail {

	padding-right: 10px;

	font-size: 13px;

	color: #f30;

	background: url(../images/arrow-r.gif) no-repeat right center;

}

.entry-detail:hover {

	text-decoration: none;

	color: #f30;

}

.entry-item .typo-img .entry-img {

	margin-bottom: 0;

}

.entry-item .typo-text .entry-title {

	margin-top: -2px;

	_margin-top: -1px;

}

.entry-set .typo .typo-img {

	margin-right: 15px;

}

.entry-set .typo .typo-img-right {

	margin-left: 15px;

	margin-right: 0;

}

.entry-set .entry-title {

	margin-bottom: 10px;

}

.entry-set .entry-title h2 {

	font-size: 15px;

}

.entry-set .entry-summary, .entry-set .entry-detail {

	font-size: 12px;

}

.entry-set .entry-item .typo-text .entry-title {

	margin-top: -2px;

	_margin-top: -1px;

}

/* 博客列表 */

.blog-list .entry-img img {

	width: 100%;

}

/* 头条 */

.headlines-list .entry-title h2 {

	font-size: 16px;

}

.headlines-list .entry-summary {

	margin-bottom: -10px;

}

.headlines-list .headlines-content {

	border-bottom: none;

	padding: 0;

	margin: 0 0 7px;

	padding: 0 0 5px;

}

.headlines-list .headlines-content .entry-item {

	border-bottom: none;

	padding-bottom: 0;

	margin-bottom: 0;

	background-color: transparent;

}

.headlines-list .headlines-content .entry-img {

	margin-bottom: 0;

}

.headlines-list .headlines-content .typo-text {

	padding: 0;

}

.headlines-list .headlines-content .entry-title a {

	color: #e5e5e5;

}

.headlines-list .headlines-content .entry-title a:hover {

	color: #fff;

	text-decoration: none;

}

.headlines-list .headlines-content-bg {

	padding-bottom: 0;

	background-color: #666;

}

.headlines-list .headlines-content-bg .entry-img img {

	display: block;

	width: 100%;

}

.headlines-list .headlines-content-bg .entry-title {

	padding: 7px 10px;

	margin-bottom: 0;

}

.headlines-list .headlines-content-bg .entry-title h2 {

	font-size: 15px;

}

.headlines-set .article-title {

	font-size: 13px;

}

.headlines-set .entry-title {

	margin-bottom: 10px;

}

.headlines-set .entry-title h2 {

	font-size: 15px;

}

/* 多列图文 */

.portfolio-list {

	min-height: 20px;

}

.portfolio-list li {

	margin-bottom: 25px;

	text-align: center;

}

.portfolio-img {

	margin-bottom: 10px;

}

.portfolio-img a {

	position: relative;

}

.portfolio-img a, .portfolio-img img {

	width: 100%;

	display: block;

	overflow: hidden;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.portfolio-img .opacity-overlay {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

	background-color: #000;

	opacity: 0;

	filter: alpha(opacity=0);

_height:expression( (this.parentElement.clientHeight) +'px');

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.portfolio-img .icon-zoom {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 11;

	background: url(../images/icon-zoom.png) no-repeat center;

}

.portfolio-img .icon-video {

	display: block;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 11;

	background: url(../images/icon-video.png) no-repeat center;

}

.portfolio-img a:hover .opacity-overlay {

	display: block;

	filter: alpha(opacity=70);

	opacity: 0.7;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

.portfolio-img a:hover img {

	transform: scale(1.2, 1.2);

	-webkit-transform: scale(1.2, 1.2);

	-moz-transform: scale(1.2, 1.2);

	-o-transform: scale(1.2, 1.2);

	-ms-transform: scale(1.2, 1.2);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.portfolio-title {

	margin-bottom: 10px;

	font-weight: normal;

	line-height: normal;

}

.portfolio-title h2 {

	font-size: 14px;

	line-height: 1.5;

	font-weight: normal;

}

.portfolio-title a {

	color: #e5e5e5;

}

.portfolio-title a:hover {

	color: #fff;

	text-decoration: none;

}

.portfolio-meta {

	font-size: 12px;

	margin-bottom: 10px;

	color: #8c8c8c;

}

.portfolio-meta em {

	margin: 0 8px;

}

.portfolio-meta strong {

	font-weight: normal;

}

.portfolio-summary {

	color: #8c8c8c;

	font-size: 13px;

	margin-bottom: -10px;

}

.portfolio-summary p {

	line-height: 1.5;

}

.portfolio-detail {

	padding-right: 10px;

	color: #f30;

	font-size: 13px;

	background: url(../images/arrow-r.gif) no-repeat right center;

}

.portfolio-list .price strong {

	font-weight: normal;

}

.portfolio-list .col-2-1 .portfolio-title h2 {

	font-size: 16px;

}

.portfolio-list .col-5-1 .portfolio-title h2 {

	font-size: 14px;

}

/* 放大镜 */

.cloud-zoom-lens {

	border: 1px solid #888;

	background-color: #fff;

	margin: -1px;

	cursor: move;

}

.cloud-zoom-title {

	position: absolute !important;

	top: 0px;

	width: 100%;

	padding: 3px;

	text-align: center;

	font-weight: bold;

	background-color: #000;

	font-size: 13px;

	color: #fff;

}

.cloud-zoom-big { /*border:1px solid #ccc;*/

	overflow: hidden;

}

.cloud-zoom-loading {

	color: #fff;

	background: #222;

	padding: 3px;

	border: 1px solid #000;

}

.zoom-small-image {

	float: left;

	background-color: #fff; /*border:1px solid #f5f5f5; padding:5px; */

}

.zoom-thumbs {

	margin-top: 10px;

	width: 474px;

}

.zoom-thumbs ul {

	float: left;

	display: inline;

}

.zoom-thumbs li {

	float: left;

	display: inline;

	margin-right: 8px;

}

.zoom-thumbs li a {

	display: block;

	border: 1px solid #ccc;

	background-color: #fff;

	padding: 2px;

}

.zoom-thumbs li a:hover {

	border-color: #f30;

	background-color: #fff

}

.zoom-thumbs li a img {

	margin: 0;

	display: block;

}

.zoom-thumbs li.zoom-selected a {

	border: 1px solid #f30;

	background-color: #fff;

}

.zoom-thumbs .carousel-direction {

	display: none;

}

.zoom-thumbs .carousel-direction a {

	width: 20px;

	font-size: 25px;

}

.zoom-thumbs:hover .carousel-direction {

	display: block;

}

/* 详情附件下载 */

.detail-file-download {

	padding: 5px 20px;

	margin: 25px 0 20px;

	border: 1px solid #ededed;

	background-color: #f5f5f5;

}

.detail-file-download h4 {

	font-size: 16px;

	line-height: 1.5;

	margin-bottom: 5px;

	font-weight: bold;

	color: #f30;

}

.detail-file-download li a {

	padding-left: 10px;

	background: url(../images/icon-dot.gif) no-repeat left center;

	font-size: 13px;

	color: #808080;

}

.detail-file-download li a:hover {

	color: #f30;

	text-decoration: none;

}

/* 详情图库切换 */

.gallery-detail {

}

.gallery-detail-title {

	text-align: center;

	margin-bottom: 15px;

}

.gallery-detail-title h1 {

	font-size: 22px;

	line-height: 1.5;

	color: #fff;

}

.gallery-detail .gallery-img-wrap {

	margin-bottom: 30px;

}

.gallery-detail .ad-gallery {

	width: 720px;

	margin: 0 auto;

}

.gallery-detail .ad-gallery .ad-image-wrapper {

	height: 540px;

}

.gallery-detail .ad-gallery .ad-nav .ad-thumbs {

	margin: 0 30px;

	width: 660px;

}

.gallery-detail .ad-gallery .ad-thumbs li a.ad-active img {

	border-color: #f30;

}

.gallery-detail .gallery-detail-content {

	padding-top: 15px;

}

.gallery-detail-product .ad-gallery {

	width: 700px;

}

.gallery-detail-product .ad-gallery .ad-image-wrapper {

	height: 800px;

}

.gallery-detail-product .gallery-detail .ad-gallery .ad-nav .ad-thumbs {

	margin: 0 30px;

	width: 640px;

}

.gallery-detail-product .gallery-detail .gallery-detail-content {

	padding-top: 0;

}

/* 分类 */

.category {

}

.category ul {

}

.category ul li {

	position: relative;

}

.category ul li.last {

	background: none;

}

.category ul li a {

	display: block;

	padding: 6px 0;

	color: #a6a6a6;

	font-size: 15px;

*zoom:1;

}

.category ul li i {

	display: none;

	width: 7px;

	height: 7px;

	overflow: hidden;

	position: absolute;

	top: 17px;

	right: 0;

	_right: 15px;

}

.category ul li a:hover {

	text-decoration: none;

	color: #fff;

}

.category ul li:hover i {

}

.category ul ul {

	padding: 0 0 5px 20px;

	margin-top: -3px;

}

.category ul ul li {

	border-bottom: none;

	background-image: none;

}

.category ul ul li a {

	line-height: normal;

	padding: 5px 0 5px 10px;

	background: url(../images/page-menu-sub.gif) no-repeat left center;

	font-size: 12px;

}

.category ul li.current a {

	color: #fff;

}

.category ul li.current i {

	background-image: url(../images/page-menu-c.gif);

}

.category ul li.current ul {

	display: block;

}

.category ul li.current ul li {

}

.category ul li.current ul li a {

	color: #a6a6a6;

	padding-left: 10px;

	background: url(../images/page-menu-sub.gif) no-repeat left center;

}

.category ul li.current ul li a:hover, .category ul li.current ul li.current a {

	color: #fff;

	background-image: url(../images/page-menu-sub-c.gif);

}

/* Article 文章

------------------------------------------------------------------------------------------ */

.article-category {

}

.article-list-row {

}

.article-list-row li {

	padding: 5px 0;

*vertical-align:text-top;

	border-bottom: 1px dotted #666;

*zoom:1;

	_display: inline-block;

}

.article-list-row li .article-title {

	padding-left: 12px;

	color: #e5e5e5;

	display: inline-block;

*display:inline;

*zoom:1;

	line-height: 20px;

	background: url(../images/icon-dot.gif) no-repeat 0 8px;

}

.article-list-row li .article-title:hover {

	color: #fff;

	text-decoration: none;

}

.article-list-row li .article-time, .article-list-row li .article-time strong, .article-list-row li .article-time em {

	color: #999;

	font-size: 12px;

	font-weight: normal;

	font-style: normal;

}

.article-list-row .article-time strong {

	padding: 0 3px;

}

.article-list-row li .no-file {

	cursor: default;

}

.article-list-row li .file-download {

	background: url(../images/icon-download.gif) no-repeat left center;

	padding-left: 18px;

	font-size: 12px;

	color: #f30;

}

.article-list-row li .file-download-disabled, .article-list-row li .file-download-disabled:hover {

	background: url(../images/icon-download-disabled-black.gif) no-repeat left center;

	color: #666;

	cursor: not-allowed;

}

.article-list-row li a {

	color: #4d4d4d;

	text-decoration: none;

}

.article-list-row-noBorder li {

	border-bottom: none;

	padding: 3px 0;

}

.article-detail .article-title {

	text-align: center;

	margin-bottom: 15px;

}

.article-detail .article-title h1 {

	font-size: 20px;

	line-height: 1.5;

}

.article-detail .entry-meta {

	text-align: center;

	margin-bottom: 10px;

	padding-bottom: 10px;

	font-size: 12px;

	border-bottom: 1px dotted #ccc;

}

.article-detail .entry-meta a {

	color: #f30;

}

.article-detail .entry-meta span {

	margin: 0 10px;

}

.article-detail .article-content {

	margin-top: 25px;

}

.article-detail .video-player-content {

	margin-top: 20px;

	text-align: center;

}

.article-list li.col-3-1 {

}

.article-list li a {

	display: block;

	min-height: 410px;

	height: auto !important;

	_height: 410px;

	padding-bottom: 20px;

	background-color: #2a2a2a;

	color: #fff;

	transition: all 0.5s ease 0s;

}

.article-list li.col-2-1 a {

	min-height: 500px;

	height: auto !important;

	_height: 500px;

}

.article-list li.col-4-1 a {

	min-height: 470px;

	height: auto !important;

	_height: 470px;

}

.article-list li.col-5-1 a {

	min-height: 420px;

	height: auto !important;

	_height: 420px;

}

.article-list .portfolio-img {

	margin-bottom: 20px;

	overflow: hidden;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.article-list li a:hover .portfolio-img img {

	transform: scale(1.1, 1.1);

	-webkit-transform: scale(1.1, 1.1);

	-moz-transform: scale(1.1, 1.1);

	-o-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.article-list .portfolio-title h2 {

	padding: 0 20px;

	font-weight: normal;

	font-size: 14px;

	text-align: center;

}

.article-list .portfolio-time {

	margin: 0 20px 10px;

	padding: 0 0 10px;

	font-size: 12px;

	text-align: center;

	border-bottom: 1px solid #333;

	color: #636363;

}

.article-list .portfolio-summary {

	padding: 0 20px;

	font-size: 12px;

	color: #8b8b8b;

}

.article-list li a:hover {

	background-color: #fff;

}

.article-list li a:hover h2 {

	color: #1a1a1a;

}

.article-list li a:hover .portfolio-time {

	border-color: #e6e6e6;

}

.article-list li a:hover .portfolio-summary {

	color: #666;

}

.blog-list .entry-item {

	padding: 15px 20px;

}

.entry-list-article .entry-item {

	background-color: transparent;

	border-bottom: 1px dotted #999;

	margin: 0 0 23px;

	padding: 0 0 25px;

}

.entry-list-article .entry-item a {

	color: #e5e5e5;

}

.entry-list-article .entry-item .entry-detail {

	color: #f30;

}

.entry-list-article .entry-item:hover {

	background-color: transparent;

}

.entry-list-article .entry-item:hover a {

	color: #e5e5e5;

}

.entry-list-article .entry-item:hover a:hover {

	color: #fff;

}

.entry-list-article .entry-item:hover .entry-detail, .entry-list-article .entry-item:hover .entry-detail:hover {

	color: #f30;

}

.entry-list-article .entry-item .typo-text {

	padding: 0;

}

/* Product 产品

------------------------------------------------------------------------------------------ */

.product-category {

}

.product-category-scrollable ul li {

	width: 290px;

	margin: 0 21px;

	text-align: left;

}

.product-category-scrollable ul li a {

	position: relative;

	display: block;

}

.product-category-scrollable .category-image {

	overflow: hidden;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}

.product-category-scrollable .category-info {

	display: none;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 20;

	text-align: center;

	width: 100%;

	height: 100%;

	color: #fff;

}

.product-category-scrollable .category-info h3 {

	margin-top: 120px;

	margin-bottom: 60px;

	font-size: 22px;

	font-weight: normal;

}

.product-category-scrollable .category-info .icon-detail {

	display: inline-block;

*display:inline;

*zoom:1;

	width: 41px;

	height: 41px;

	background: url(../images/icon-detail.gif) no-repeat;

}

.product-category-scrollable .category-info .icon-detail span {

	display: none;

}

.product-category-scrollable .opacity-overlay { /*display:none;*/

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

	background-color: #000;

	opacity: 0;

	filter: alpha(opacity=0);

_height:expression( (this.parentElement.clientHeight) +'px');

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.product-category-scrollable a:hover .category-image img {

	transform: scale(1.2, 1.2);

	-webkit-transform: scale(1.2, 1.2);

	-moz-transform: scale(1.2, 1.2);

	-o-transform: scale(1.2, 1.2);

	-ms-transform: scale(1.2, 1.2);

	-webkit-transition: all 0.35s ease-out 0s;

	-moz-transition: all 0.35s ease-out 0s;

	-o-transition: all 0.35s ease-out 0s;

	transition: all 0.35s ease-out 0s;

}

.product-category-scrollable a:hover .category-info {

	display: block;

}

.product-category-scrollable a:hover .opacity-overlay {

	display: block;

	filter: alpha(opacity=70);

	opacity: 0.7;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

.product-category-scrollable .carousel-direction {

	text-align: center;

	margin: 30px;

}

.product-category-scrollable .carousel-direction a {

	position: inherit;

	display: inline-block;

*display:inline;

*zoom:1;

	font-size: 25px;

	height: auto;

	line-height: normal;

	margin: 0 15px;

	padding: 0 15px;

	border: 1px solid #666;

}

.product-category-scrollable .carousel-direction a:hover {

	border-color: #fff;

	color: #fff;

}

.product-category-scrollable .carousel-direction a.disabled, .product-category-scrollable .carousel-direction a.disabled:hover {

	border-color: #666;

	color: #666;

	cursor: not-allowed;

}

.product-filter {

}

.product-filter dl {

	border-bottom: 1px dotted #d9d9d9;

	padding: 8px 0;

}

.product-filter dt {

	width: 100px;

	margin-right: 20px;

	text-align: right;

	color: #fff;

}

.product-filter dd a {

	margin-right: 20px;

	margin-top: 2px;

	padding: 0 5px;

	display: inline-block;

*display:inline;

*zoom:1;

	white-space: nowrap;

	font-size: 13px;

	color: #fff;

}

.product-filter dd a:hover {

	color: #f30;

	text-decoration: none;

}

.product-filter dd a.current {

	background-color: #f30;

	color: #fff;

}

.price {

	margin-bottom: 10px;

	font-size: 14px;

	font-weight: bold;

	color: #f30;

	line-height: 1.2;

}

.price strong {

	font-weight: normal;

}

.price span {

	font-family: verdana;

}

.product-summary {

	color: #8c8c8c;

}

.product-attr {

	margin-bottom: 10px;

}

.product-attr dt {

	text-align: right;

	font-weight: bold;

}

.product-attr dd span {

	margin-right: 10px;

}

.product-attr .share-toolbar {

	margin-bottom: 10px;

}

.product-set .carousel-direction a {

	top: 120px;

}

.product-detail .product-name {

	margin-bottom: 10px;

}

.product-detail .product-name h1 {

	font-size: 18px;

	line-height: 1.5;

	color: #fff;

}

.product-detail .product-sku {

	margin-bottom: 10px;

	color: #999;

}

.product-detail .product-sku strong {

	font-weight: normal;

}

.product-detail .product-info-item {

	border-bottom: 1px solid #4d4d4d;

	padding-bottom: 10px;

	margin-bottom: 10px;

}

.product-detail .product-info-item-last {

	border-bottom: none;

	margin-bottom: 0;

}

.product-detail .product-summary {

	font-size: 13px;

	color: #ccc;

}

.product-intr {

	margin-bottom: 45px;

}

.product-intr .product-preview {

	float: left;

	display: inline;

	margin-right: 30px;

}

.product-intr .product-preview .gallery-img-wrap {

	margin-bottom: 0;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery {

	width: 500px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper {

	height: 700px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-nav .ad-thumbs {

	margin: 0 30px;

	width: 440px;

}

.product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-back {

	height: 116px;

}

.product-intr .product-preview .share-toolbar {

	margin-bottom: 0;

}

.product-intr .product-info {

	overflow: hidden;

*zoom:1;

}

.product-intr .share-toolbar {

	margin: 15px 0 10px;

}

.product-intr .back-category a {

	background: url(../images/icon-back-cate.gif) no-repeat left center;

	padding-left: 15px;

	color: #808080;

}

.product-intr .back-category a:hover {

	color: #f30;

}

.product-desc-title {

	background-color: #434343;

	margin-bottom: 20px;

}

.product-desc-title h3 {

	height: 36px;

	line-height: 36px;

	float: left;

	padding: 0 20px;

	font-size: 16px;

	color: #fff;

}

.product-desc-item {

	margin-bottom: 50px;

}

.product-desc-item-title {

	margin-bottom: 15px;

}

.product-desc-item-title h4 {

	float: left;

	height: 28px;

	line-height: 28px;

	background: #f30;

	color: #fff;

	font-size: 15px;

	padding: 0 25px;

}

.product-detail-simple .product-img {

	text-align: center;

	margin-bottom: 15px;

}

.product-detail-simple .product-name {

	text-align: center;

	margin-bottom: 30px;

}

.product-detail-complete .tabs-nav {

	background-color: #434343;

}

.product-detail-complete .tabs-nav li a {

	font-size: 15px;

}

.no-data-note {

	font-size: 20px;

	color: #f30;

	padding: 30px 0;

	text-align: center;

}

/* Link 链接

------------------------------------------------------------------------------------------ */

.link a img {

	vertical-align: middle;

	margin-right: 5px;

	position: relative;

	top: -1px;

*top:0;

}

.link-line a {

	margin: 0 15px 0 0;

}

.link-line em {

	margin: 0 7px 0 -8px;

*zoom:1;

	font-style: normal;

}

.link-line-rtl {

	text-align: right;

}

.link-line-rtl a {

	margin: 0 0 0 15px;

}

.link-line-rtl em {

	margin: 0 -10px 0 10px;

	font-style: normal;

}

.link-line-center {

	text-align: center;

}

.link-line-center a {

	margin: 0 8px;

}

.link-line-center em {

	margin: 0 -2px 0 0;

	font-style: normal;

}

.link-block li {

	padding: 3px 0;

	line-height: 1.5;

}

.link-block-sign a {

	display: block;

	background: url(../images/icon-dot.gif) no-repeat 0 8px;

	padding-left: 10px;

}

.link-list li {

	margin-bottom: 15px;

}

.link-list .link-img {

	margin-bottom: 5px;

}

.link-list .link-img img {

	display: block;

	width: 100%;

}

.link-list .link-name {

	text-align: center;

}

.link-list .link-name h2 {

	line-height: 22px;

	font-size: 13px;

}

.link-list .link-name a {

	font-size: 13px;

	font-weight: normal;

}

.link-list .col-2-1 a {

	font-size: 16px;

}

.link-scrollable ul {

	_margin-left: -8px !important;

}

.link-scrollable ul li {

	width: 180px;

	margin: 0 10px;

}

.link-scrollable .carousel-direction a {

	margin-top: 0;

	top: 25px;

}

.link-bg-img {

	background-image: none;

	background-position: center;

	text-align: center;

	background-color: #262626;

}

.link-bg-img a {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	color: #fff;

}

.link-bg-img-text {

	position: absolute;

	top: 50%;

	left: 0;

	z-index: 20;

	margin-top: -40px;

	display: block;

	width: 100%;

}

.link-bg-img-text h3 {

	font-size: 20px;

	font-weight: normal;

	line-height: normal;

	margin-top: 10px;

}

.link-bg-img-text p {

	display: inline-block;

*display:inline;

*zoom:1;

	padding: 0 15px;

	line-height: 32px;

	border: 2px solid #fff;

	font-family: Arial, Helvetica, sans-serif;

}

.link-bg-img .opacity-overlay {

	/*display:none;*/ width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

	background-color: #000;

	opacity: 0;

	filter: alpha(opacity=0);

_height:expression( (this.parentElement.clientHeight) +'px');

	-webkit-transform: scale(0);

	-moz-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}

.link-bg-img a:hover .opacity-overlay {

	display: block;

	filter: alpha(opacity=50);

	opacity: 0.5;

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

}

.link-bg-img-big {

	height: 441px;

}

.link-bg-img-small {

	height: 208px;

}

.link-full-bg-img {

	background-image: none;

	background-position: center;

	text-align: center;

	background-color: #262626;

}

.link-full-bg-img a {

	position: relative;

	display: block;

	width: 100%;

	height: 100%;

	color: #fff;

}

.link-full-bg-img-text {

	position: relative;

	z-index: 20;

	padding: 50px 0;

	text-align: center;

	color: #fff;

}

.link-full-bg-img-text h3 {

	display: inline-block;

*display:inline;

*zoom:1;

	padding: 0 10px 8px;

	font-size: 20px;

	font-weight: normal;

	line-height: normal;

	margin-top: 10px;

	border-bottom: 2px solid #fff;

}

.link-full-bg-img-text p {

	font-size: 24px;

	line-height: normal;

	font-family: Arial, Helvetica, sans-serif;

}

.link-full-bg-img .opacity-overlay {

	/*display:none; */width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

	cursor: pointer;

	background-color: #000;

	opacity: 0.0;

	filter: alpha(opacity=0);

_height:expression( (this.parentElement.clientHeight) +'px');

	transform: scale(0);

	transition: all 0.25s ease-in-out;

}

.link-full-bg-img a:hover .opacity-overlay {

	display: block;

	filter: alpha(opacity=50);

	opacity: 0.5;

	transform: scale(1);

}

/* 分页 & 面包屑

------------------------------------------------------------------------------------------ */

.pagination {

	margin: 30px 0 20px;

	clear: both;

	font-size: 13px;

}

.pagination span, .pagination a {

	display: inline-block;

	padding: 0 11px;

	height: 30px;

	line-height: 30px;

	margin: 0 5px;

*zoom:1;

	color: #fff;

	background-color: #2a2a2a;

}

.pagination a:hover {

	background: #fff;

	color: #000;

	text-decoration: none;

}

.pagination a:active {

	color: #808080;

}

.pagination .disabled {

	background-color: #0d0d0d;

	color: #ccc;

	cursor: default;

}

.pagination .current {

	background-color: #fff;

	color: #333;

}

.pagination-default {

	text-align: center;

}

.pagination-right {

	text-align: right;

}

.pagination-left {

	text-align: left;

}

.breadcrumbs {

	font-size: 12px;

	color: #808080;

}

.breadcrumbs a {

	color: #808080;

}

.breadcrumbs a:hover {

	color: #666;

	text-decoration: none;

}

.breadcrumbs i {

	font-style: normal;

	margin: 0 3px;

}

.breadcrumbs strong {

	font-weight: normal;

	color: #333;

}

/* search 搜索

------------------------------------------------------------------------------------------ */

.search-form .form-text {

	height: 40px;

	line-height: 40px;

	padding: 0 8px;

	color: #999;

	font-size: 13px;

	background-color: #fff;

	border: 2px solid #e6e6e6;

}

.search-form .form-btn {

	border: none;

	cursor: pointer;

	height: 44px;

	width: 60px;

	color: #fff;

	background: #ccc;

}

.search-form .form-btn:hover {

	background-color: #f30;

}

.search-form .form-btn span {

	display: block;

}

.search-result .search-form {

	width: 720px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px;

}

.search-result .search-form .form-text {

	float: left;

	width: 642px;

	_margin-right: -4px;

}

.search-result .search-form .form-text {

	border-right: none;

	overflow: hidden;

*zoom:1;

}

.search-result-note {

	background: #fffcf0;

	border: 1px solid #ececec;

	padding: 10px 20px;

	margin-bottom: 30px;

	color: #999;

}

.search-result-note .message-note {

	color: #f30;

	margin: 0 3px;

}

.search-no-result {

	padding: 50px 0;

}

.search-no-result .search-result-note {

	border: none;

	background-color: transparent;

	font-size: 16px;

	text-align: center;

	color: #4d4d4d;

}

/* module 外框容器

------------------------------------------------------------------------------------------ */

.module-default {

	margin: 0;

	padding: 0;

}

.module-default > .module-divider {

	margin-bottom: 10px;

}

.module {

	margin-bottom: 25px;

}

.module-title-default {

	margin-bottom: 15px;

	overflow: hidden;

}

.module-title-default > .module-title-content {

}

.module-title-default > .module-title-content h3 {

	display: block;

	float: left;

	_display: inline;

	line-height: 20px;

	font-size: 16px;

	color: #fff;

}

.module-title-default > .module-title-content span {

	margin-left: 5px;

	float: left;

	line-height: 22px;

	color: #999;

	font-size: 14px;

}

.module-title-default > .module-title-content span strong {

	font-weight: normal;

	margin-left: 5px;

	color: #999;

	font-family: Arial, sans-serif;

}

.module-more-default a {

	color: #808080;

	font-size: 13px;

}

.module-more-default a:hover {

	color: #f30;

	text-decoration: none;

}

.module-icon-default {

	padding-left: 25px;

	background-repeat: no-repeat;

	background-position: left center;

}

.module-divider {

	height: 1px;

	overflow: hidden;

	background-color: #333;

	margin-top: 25px;

	clear: both;

}

.module-no-margin, .module-no-margin .module-content p, .module-no-margin .module-content ul, .module-no-margin .module-content ol, .module-no-margin .module-content h1, .module-no-margin .module-content h2, .module-no-margin .module-content h3, .module-no-margin .module-content h4, .module-no-margin .module-content h5, .module-no-margin .module-content h6 {

	margin: 0;

}

/*

.module-white-bg > .module-inner { background-color:#fff; }

.module-white-bg > .module-inner > .module-title-default { padding:10px 10px 0; }

.module-white-bg > .module-inner > .module-content { padding:0 10px 10px 10px; }

.module-white-bg .scrollable ul li { width:225px; }

*/



.module-hlbg {

}

.module-hlbg > .module-inner {

	background-color: #fff;

	padding: 20px;

}

.module-hlbg-title {

	margin-bottom: 20px;

}

.module-hlbg-title h3 {

	font-size: 20px;

	color: #333;

}

.module-hlbg-icon {

	padding-left: 25px;

	background-repeat: no-repeat;

	background-position: left center;

}

.module-hlbg-content {

	padding: 10px;

}

.module-hlbg-more {

	text-align: right;

	padding: 0 15px 15px;

}

.module-hlbg-more a {

	display: inline-block;

*display:inline;

*zoom:1;

	height: 20px;

	line-height: 20px;

	padding: 1px 8px;

	background-color: #9e9e9e;

	color: #fff;

	font-size: 12px;

}

.module-hlbg-more a:hover {

	background-color: #f30;

	color: #fff;

	text-decoration: none;

}

.module-hlbg > .module-divider {

	margin-bottom: 10px;

	margin-top: 10px;

}

.module-border-title {

	margin-bottom: 30px;

}

.module-border-title h3 {

	display: inline-block;

*display:inline;

*zoom:1;

	padding-bottom: 15px;

	border-bottom: 3px solid #fff;

	font-weight: normal;

	font-size: 18px;

	line-height: normal;

	color: #fff;

}

.module-border-title p {

	margin-bottom: 15px;

	line-height: normal;

	font-size: 24px;

	font-family: Arial, Helvetica, sans-serif;

	color: #fff;

}

.module-border > .module-inner > .module-content {

}

.module-border-more {

	text-align: right;

	padding: 0 15px 15px;

}

.module-border-more a {

	display: inline-block;

*display:inline;

*zoom:1;

	height: 20px;

	line-height: 20px;

	padding: 1px 8px;

	background-color: #808080;

	color: #fff;

	font-size: 12px;

}

.module-border-more a:hover {

	background-color: #f30;

}

.module-full-screen > .module-inner {

	padding: 60px 0;

}

.module-full-screen-title {

	margin-bottom: 30px;

	text-align: center;

}

.module-full-screen-title > .module-title-content > h2 {

	display: inline-block;

*display:inline;

*zoom:1;

	margin: 0 20px;

	font-size: 28px;

	color: #fff;

	line-height: normal;

	font-weight: normal;

}

.module-full-screen-title > .module-title-content > i {

	display: inline-block;

*display:inline;

*zoom:1;

	width: 111px;

	height: 11px;

	position: relative;

	top: -4px;

}

.module-full-screen-title > .module-title-content > i.title-bg-img-left {

	background: url(../images/title-bg-img-left.png) no-repeat center;

}

.module-full-screen-title > .module-title-content > i.title-bg-img-right {

	background: url(../images/title-bg-img-right.png) no-repeat center;

}

.module-full-screen-more {

	float: none;

	clear: both;

	margin-top: 30px;

	text-align: center;

}

.module-full-screen-more a {

	display: inline-block;

*display:inline;

*zoom:1;

	line-height: 34px;

	padding: 0 30px;

	border: 2px solid #fff;

	color: #fff;

	font-size: 13px;

	transition: All 0.5s ease;

}

.module-full-screen-more a:hover {

	background-color: #fff;

	border-color: #fff;

	color: #000;

	text-decoration: none;

}

.module-full-screen-black {

	background-color: #272727;

	color: #fff;

}

.module-full-screen-black .module-full-screen-title > .module-title-content > h2 {

	color: #fff;

}

.module-full-screen-bg-img {

	background-repeat: no-repeat;

	background-position: center;

}

/* 在线客服 */

.service {

	clear: both;

	margin-bottom: 20px;

	width: 160px;

}

.service-title {

	position: relative;

	line-height: 36px;

	border-bottom: 3px solid #f90;

	background-color: #464a4b;

	color: #fff;

*padding-top:1px;

}

.service-title h3 {

	font-size: 16px;

	padding: 0 15px;

}

.service-title .service-title-icon {

	padding-left: 35px;

	background-repeat: no-repeat;

	background-position: 10px center;

}

.service-close-btn {

	position: absolute;

	top: 10px;

	right: 10px;

	display: block;

	width: 15px;

	height: 15px;

	overflow: hidden;

	background: url(../images/icon-service-close-btn.gif) no-repeat center;

	cursor: pointer;

}

.service-close-btn span {

	display: none;

}

.service-content {

	border: 1px solid #ccc;

	border-top: none;

	padding: 15px 10px;

	background-color: #fff;

	width: 138px;

}

.service-content .qhd-content, .service-content .qhd-content a {

	color: #4d4d4d;

}

.service-content .qhd-content a:hover {

	color: #f30;

	text-decoration: none;

}

.service-content .qhd-content h1, .service-content .qhd-content h2, .service-content .qhd-content h3, .service-content .qhd-content h4, .service-content .qhd-content h5, .service-content .qhd-content p {

	margin-bottom: 5px;

}

.service-content .qhd-content hr {

	border-color: #e5e5e5;

	height: 1px;

	font-size: 0;

	margin: 15px 0;

	clear: both;

*margin:7px 0;

}

.gotop {

	display: none;

}

.service-max {

	width: 160px;

	display: none;

	position: relative;

	top: -80px;

}

.service-max .gotop {

	margin-top: 5px;

	text-align: center;

	clear: both;

	width: 160px;

}

.service-max .gotop a {

	display: block;

	line-height: 34px;

	background-color: #6b7173;

	text-align: center;

	color: #fff;

	text-decoration: none;

}

.service-max .gotop a:hover {

	background-color: #464a4b;

	color: #fff;

	text-decoration: none;

}

.service-max .gotop a span {

	padding-left: 30px;

	background: url(../images/icon-gotop.gif) no-repeat left center;

}

.service-min {

	width: 46px;

	clear: both;

}

.service-min .service-title {

	height: auto;

	line-height: normal;

	border-bottom: none;

	background-color: transparent;

	padding: 0 0;

}

.service-min .service-title a {

	display: block;

	padding: 15px 13px;

	width: 20px;

	background-color: #f90;

	font-size: 16px;

	font-weight: bold;

	text-align: center;

	color: #fff;

	text-decoration: none;

}

.service-min .service-title a:hover {

	background-color: #e58a00;

	color: #fff;

	text-decoration: none;

}

.service-min .service-title .service-title-icon {

	background-position: center 15px;

	padding-top: 45px;

}

.service-min .gotop {

	margin-top: 2px;

	clear: both;

}

.service-min .gotop a {

	display: block;

	width: 46px;

	height: 46px;

	overflow: hidden;

	background: #6b7173 url(../images/icon-gotop.gif) no-repeat center;

	color: #fff;

	text-decoration: none;

}

.service-min .gotop a span {

	display: block;

	width: 36px;

	height: 36px;

	overflow: hidden;

	padding: 6px 5px 4px;

	line-height: 16px;

	text-align: center;

	font-size: 13px;

	display: none;

	cursor: pointer;

}

.service-min .gotop a:hover {

	background-color: #464a4b;

	background-image: none;

}

.service-min .gotop a:hover span {

	display: block;

	color: #fff;

	text-decoration: none;

}

.fixed-left .service {

	float: left;

}

.fixed-left .service-inner {

	_float: left;

}

.fixed-right .service {

	float: right;

}

.fixed-right .service-inner {

	_float: right;

}

.fixed-right .service-min {

	float: right;

}

/*----------------------------------------------------------------------------------------------------------------------------------------------------

           Pages style

----------------------------------------------------------------------------------------------------------------------------------------------------*/

html {

	background-repeat: repeat;

	background-color: #1f1f1f;

}

body {

	font: 14px/1.8 "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

	color: #e5e5e5; /*background-color:#36393e;*/

}

body.font-en-US, body.font-en-US .module-title-default > .module-title-content h3 {

	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;

}

a {

	color: #e5e5e5;

	text-decoration: none;

}

a:hover {

	color: #fff;

	text-decoration: none;

}

/* Common Class */

.float-left {

	float: left;

	display: inline;

}

.float-right {

	float: right;

	display: inline;

}

.text-left {

	text-align: left;

}

.text-right {

	text-align: right;

}

.text-center {

	text-align: center;

}

.dl-horizontal dt {

	float: left;

	display: inline;

}

.dl-horizontal dd {

	overflow: hidden;

*zoom:1;

}

.fixed {

	position: fixed;

	top: 0px;

	left: 0px;

}

.double-hr {

	border-top: 3px double #ccc;

	clear: both;

	font-size: 0;

	height: 0;

	overflow: hidden;

	margin-bottom: 20px;

	display: none;

}

#wrapper {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	background-color: #1f1f1f;

	padding-top: 70px;

}

.page-width {

	width: 1000px;

	margin: 0 auto;

}

.layout-boxed { /*padding:0;*/

}

.layout-boxed #wrapper {

	width: 1060px;

}

.home-page {

}

.insi-page#wrapper {

	background-color: transparent;

}

/* 左右悬浮 */

.fixed-side {

	position: absolute;

	top: 150px;

	z-index: 10001;

}

.fixed-left {

	left: 0;

}

.fixed-right {

	right: 0;

	float: right;

}

/* ============================= top ============================= */

.top {

	width: 100%; /*position:relative;*/

	z-index: 1000;

	background-color: #fff;

}

/* top-bar */

.top-bar {

	line-height: 36px;

	font-size: 13px;

	color: #808080;

	background-color: #272526;

	position: relative;

	z-index: 101;

}

.top-bar a {

	color: #808080;

}

.top-bar a:hover {

	color: #3B8CED;

	text-decoration: none;

}

.top-bar-content {

	max-width: 750px;

	height: auto !important;

}

.top-bar-content .qhd-content p {

	line-height: 36px;

}

.top-bar-content .qhd-content img { /*vertical-align:text-bottom;*/

	vertical-align: middle;

	line-height: normal;

}

.top-bar-content .link a {

	_position: relative;

	_top: 7px;

}

/* language */

.language {

	position: relative;

	font-size: 12px;

	z-index: 100;

}

.language a:hover {

	text-decoration: none;

}

.language .language-ico {

	padding: 0 0 0 20px;

	background-repeat: no-repeat;

	background-position: left center;

}

.language .sf-menu a {

	border: none;

	color: #666 !important;

	padding-top: 6px;

	padding-bottom: 9px;

}

.language .sf-menu li {

	background-color: transparent;

}

.language .sf-menu li ul {

	width: 11em;

}

.language .sf-menu li li {

	background-color: #fff;

}

.language .sf-menu li li a {

	border-bottom: 1px solid #f2f2f2;

	padding: 0.75em 1em;

}

.language .sf-menu li.sfHover, .language .sf-menu li.sfHover a:hover {

	background-color: #fff;

}

.language .sf-menu li li:hover, .language .sf-menu li.sfHover li a:hover, .language .sf-menu li li a:focus, .language .sf-menu li li a:hover, .language .sf-menu li li a:active {

	background: #fafafa;

}

.language .sf-menu li:hover ul, .language .sf-menu li.sfHover ul {

	top: 29px;

}

.language .sf-menu a.sf-with-ul {

	padding-right: 2em;

}

.language .sf-menu .sf-sub-indicator {

	top: 0.6em;

}

.language-sign {

	display: block;

	width: 36px;

	height: 16px;

	overflow: hidden;

	position: absolute;

	top: 7px;

	left: -30px;

	background: url(../images/language-bg.png) no-repeat left center;

}

/* logo */

.logo img {

	display: block;

}

.top-main-content .qhd-content img {

	vertical-align: text-bottom;

}

/* top-search */

.top-search {

	width: 200px;

}

.top-search .search-form .form-text {

	border: none;

	float: right;

	height: 28px;

	line-height: 28px;

	padding: 0 8px;

	width: 153px;

	color: #999;

	font-size: 12px;

}

.top-search .search-form .form-btn {

	float: right;

	padding: 0;

	width: 28px;

	height: 28px;

	overflow: hidden;

	border: none;

	cursor: pointer;

	background: #fff url(../images/search-icon-n.png) no-repeat center;

}

.top-search .search-form .form-btn:hover {

	background: #f30 url(../images/search-icon-h.png) no-repeat center;

}

.top-search .search-form .form-btn span {

	display: none;

}

/* ---------- header-v1 ---------- */

.header-v1 {

	color: #999;

}

.header-v1 a {

	color: #999;

}

.header-v1 a:hover {

	color: #fff;

	text-decoration: none;

}

.header-v1 .top-main {

	background-color: #000;

	padding: 0 80px;

}

.header-v1 .language {

	float: right;

	margin-top: 25px;

}

.header-v1 .language em {

	margin: 0 5px;

}

.header-v1 .logo {

	float: left;

	margin: 15px 50px 0 0;

}

.header-v1 .top-main-content-section {

	position: relative;

	margin-top: 5px;

}

.header-v1 .top-main-content {

	position: relative;

}

.header-v1 .top-widget {

}

/* 全局 */

.header-v1 .nav {

}

.header-v1 .main-nav .sf-menu a, .header-v1 .main-nav .sf-menu a:visited {

	color: #fff;

}

.header-v1 .main-nav .sf-menu a:hover {

	text-decoration: none;

	color: #e20620;

}

.header-v1 .main-nav .sf-menu a {

	border: none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 70px;

	font-size: 14px;

}

/* 一级 */

.header-v1 .main-nav .sf-menu li {

	margin-left: 15px;

	background-color: transparent;

}

.header-v1 .main-nav .sf-menu li:hover, .header-v1 .main-nav .sf-menu li.sfHover, .header-v1 .main-nav .sf-menu li.sfHover > a, .header-v1 .main-nav .sf-menu a:focus, .header-v1 .main-nav .sf-menu a:hover, .header-v1 .main-nav .sf-menu a:active {

	background-color: transparent;

	color: #fff;

}

.header-v1 .main-nav .sf-menu li.current, .header-v1 .main-nav .sf-menu li.current .first-level, .header-v1 .main-nav .sf-menu li.current .first-level:visited {

	background-color: transparent;

	color: #fff;

}

.header-v1 .main-nav .sf-menu li.sfHover .first-level {

	color: #fff;

}

.header-v1 .main-nav .sf-sub-indicator {

	display: none;

	background-image: url(../images/superfish-arrows.gif);

}

.header-v1 .main-nav .first-level {

	padding-left: 0.8em;

	padding-right: 0.8em;

}

.header-v1 .main-nav .first-level .sf-sub-indicator {

	top: 3em;

}

.header-v1 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

_width:expression( (this.parentElement.clientWidth) +'px');

	height: 3px;

	overflow: hidden;

	background-color: #1d2023;

	position: absolute;

	bottom: 0px;

	left: 0;

}

.header-v1 .main-nav .sf-menu li:hover i, .header-v1 .main-nav .sf-menu .nav-hover i, .header-v1 .main-nav .sf-menu .current i, .header-v1 .main-nav .sf-menu .sfHover i {

	display: none;

}

/* 二级以下 */

.header-v1 .main-nav .sf-menu li:hover ul, .header-v1 .main-nav .sf-menu li.sfHover ul {

	top: 70px;

}

.header-v1 .main-nav .sf-menu li li:hover ul, .header-v1 .main-nav .sf-menu li li.sfHover ul {

	top: 0;

	left: 13em;

}

.header-v1 .main-nav .sf-menu li li {

	margin-left: 0;

	background-color: rgba(243,241,234,1);

	background-color: #f3f1ea\9;

}

.header-v1 .main-nav .sf-menu li li a, .header-v1 .main-nav .sf-menu li li a:visited {

	padding-top: 0;

	padding-bottom: 0;

	line-height: 36px;

	font-weight: normal;

	font-size: 13px;

	color: #333;

}

.header-v1 .main-nav .sf-menu li li:hover, .header-v1 .main-nav .sf-menu li.sfHover li.sfHover, .header-v1 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v1 .main-nav .sf-menu li li a:focus, .header-v1 .main-nav .sf-menu li li a:hover, .header-v1 .main-nav .sf-menu li li a:active {

	background-color: #262626;

	color: #fff;

}

.header-v1 .main-nav .sf-menu li li .sf-sub-indicator {

	top: 1em;

	display: block;

}

.header-v1 .top-search {

	position: absolute;

	right: 0;

	bottom: 10px;

	z-index: 10;

}

.header-v1 .top-search .search-form .form-text {

	float: none;

	position: absolute;

	right: 0;

	bottom: 0;

	padding-right: 40px;

	display: none;

	width: 0;

	height: 35px;

	line-height: 35px;

	background-color: #ebebeb;

	border-radius: 35px;

}

.header-v1 .top-search .search-form .form-btn {

	display: none;

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 11;

	width: 35px;

	height: 35px;

	border-radius: 100%;

	background: #ebebeb url(../images/search-icon-n.png) no-repeat center;

}

.header-v1 .search-form-toggle {

	display: block;

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 11;

	width: 35px;

	height: 35px;

	border-radius: 100%;

	background: #ebebeb url(../images/search-icon-n.png) no-repeat center;

}

.header-v1 .search-form-toggle span {

	display: none;

}

.layout-boxed .header-v1 .top-main {

	padding: 0 20px;

}

.layout-boxed .header-v1 .logo {

	margin-right: 30px;

}

.layout-boxed .header-v1 .main-nav .sf-menu li {

	margin-left: 5px;

}

/* ---------- header-v2 ---------- */

.header-v2 {

}

.header-v2 .top-bar {

	color: #808080;

	font-size: 12px;

}

.header-v2 .top-bar a {

	color: #808080;

}

.header-v2 .top-bar a:hover {

	color: #b3b3b3;

}

.header-v2 .language {

}

.header-v2 .language em {

	margin: 0 8px;

	font-family: arial;

	font-size: 12px;

	color: #808080;

}

.header-v2 .top-main {

	padding: 30px 0;

	background-color: #323232;

	color: #fff;

}

.header-v2 .top-main a {

	color: #e5e5e5;

}

.header-v2 .top-main a:hover {

	color: #fff;

}

.header-v2 .top-main .top-widget {

	margin-top: 10px;

}

/* 搜索 */

.header-v2 .top-search {

	width: 265px;

}

.header-v2 .top-search .search-form .form-text {

	width: 210px;

	background-color: #404040;

	color: #808080;

}

.header-v2 .top-search .search-form .form-btn {

	width: 38px;

	background-color: #f30;

}

.header-v2 .top-search .search-form .form-btn:hover {

	background: #b37c3e url(../images/search-icon-n.png) no-repeat center;

}

/* 全局 */

.header-v2 .nav {

	height: 50px;

	background: #202020;

}

.header-v2 .main-nav .sf-menu a, .header-v2 .main-nav .sf-menu a:visited {

	color: #fff;

}

.header-v2 .main-nav .sf-menu a:hover {

	text-decoration: none;

}

.header-v2 .main-nav .sf-menu a {

	border: none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 50px;

	font-size: 15px;

	color: #fff;

	font-weight: bold;

}

/* 一级 */

.header-v2 .main-nav .sf-menu li {

	margin-right: 2px;

	background-color: transparent;

	background: url(../images/nav-dividing.gif) no-repeat right center;

}

.header-v2 .main-nav .sf-menu li.last {

	background-image: none;

}

.header-v2 .main-nav .sf-menu li:hover, .header-v2 .main-nav .sf-menu li.sfHover, .header-v2 .main-nav .sf-menu li.sfHover > a, .header-v2 .main-nav .sf-menu a:focus, .header-v2 .main-nav .sf-menu a:hover, .header-v2 .main-nav .sf-menu a:active {

	background-color: #f30;

	color: #fff;

}

.header-v2 .main-nav .sf-menu li.current, .header-v2 .main-nav .sf-menu li.current .first-level, .header-v2 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #f30;

	color: #fff;

}

.header-v2 .main-nav .sf-sub-indicator {

	background-image: url(../images/superfish-arrows-white.gif);

}

.header-v2 .main-nav .sf-menu .first-level {

	padding-right: 1.5em;

	padding-left: 1.5em;

	border-right: none;

}

.header-v2 .main-nav .sf-menu .first-level .sf-sub-indicator {

	display: none;

}

.header-v2 .main-nav .sf-menu .last .first-level {

	border-right: none;

}

.header-v2 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

_width:expression( (this.parentElement.clientWidth) +'px');

	height: 3px;

	overflow: hidden;

	background-color: #00b1e1;

	position: absolute;

	top: -3px;

	left: 0;

}

.header-v2 .main-nav .sf-menu li:hover i, .header-v2 .main-nav .sf-menu .nav-hover i, .header-v2 .main-nav .sf-menu .current i, .header-v2 .main-nav .sf-menu .sfHover i {

	display: none;

}

/* 二级以下 */

.header-v2 .main-nav .sf-menu li:hover ul, .header-v2 .main-nav .sf-menu li.sfHover ul {

	top: 50px;

	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v2 .main-nav .sf-menu li li:hover ul, .header-v2 .main-nav .sf-menu li li.sfHover ul {

	top: 0;

	left: 13em;

}

.header-v2 .main-nav .sf-menu li li {

	margin-right: 0;

	background-color: rgba(191,134,67,0.95);

	background-color: #f30\9;

	border-top: none;

	background-image: none;

}

.header-v2 .main-nav .sf-menu li li a, .header-v2 .main-nav .sf-menu li li a:visited {

	padding: 0 20px;

	line-height: 40px;

	font-weight: normal;

	font-size: 13px;

	color: #fff;

}

.header-v2 .main-nav .sf-menu li li:hover, .header-v2 .main-nav .sf-menu li.sfHover li.sfHover, .header-v2 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v2 .main-nav .sf-menu li li a:focus, .header-v2 .main-nav .sf-menu li li a:hover, .header-v2 .main-nav .sf-menu li li a:active {

	background-color: #b37c3e;

	color: #fff;

}

.header-v2 .main-nav .sf-menu li li .sf-sub-indicator {

	top: 1em;

	display: block;

}

/* ---------- header-v3 ---------- */

.header-v3 {

}

.header-v3 a {

	color: #999;

}

.header-v3 a:hover {

	color: #f30;

	text-decoration: none;

}

.header-v3 .top-main {

	padding: 30px 0 40px;

}

.header-v3 .page-width {

	position: relative;

}

.header-v3 .logo {

	text-align: center;

}

.header-v3 .logo img {

	display: inline-block;

	margin-bottom: -5px;

}

.header-v3 .language {

	position: absolute;

	left: 0;

	bottom: 0;

}

.header-v3 .language a {

	margin-right: 15px;

}

.header-v3 .top-main-content {

	position: absolute;

	right: 0;

	bottom: -5px;

}

.header-v3 .top-widget {

	color: #808080;

}

/* 全局 */

.header-v3 .nav {

	height: 46px;

	background: #f30 url(../images/header-v3-bg.jpg) no-repeat center;

}

.header-v3 .main-nav .sf-menu a, .header-v3 .main-nav .sf-menu a:visited {

	color: #fff;

}

.header-v3 .main-nav .sf-menu a:hover {

	text-decoration: none;

}

.header-v3 .main-nav .sf-menu a {

	border: none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 46px;

	font-size: 14px;

	color: #fff;

	font-weight: bold;

}

/* 一级 */

.header-v3 .main-nav .sf-menu li {

	margin-right: 2px;

	background-color: transparent;

}

.header-v3 .main-nav .sf-menu li.last {

	background-image: none;

}

.header-v3 .main-nav .sf-menu li:hover, .header-v3 .main-nav .sf-menu li.sfHover, .header-v3 .main-nav .sf-menu li.sfHover > a, .header-v3 .main-nav .sf-menu a:focus, .header-v3 .main-nav .sf-menu a:hover, .header-v3 .main-nav .sf-menu a:active {

	background-color: #e7f2f8;

	color: #f30;

}

.header-v3 .main-nav .sf-menu li.current, .header-v3 .main-nav .sf-menu li.current .first-level, .header-v3 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #e7f2f8;

	color: #f30;

}

.header-v3 .main-nav .sf-sub-indicator {

	background-image: url(../images/superfish-arrows-white.gif);

}

.header-v3 .main-nav .sf-menu .first-level {

	padding-right: 1.2em;

	padding-left: 1.2em;

	border-right: none;

	margin-right: 3px;

}

.header-v3 .main-nav .sf-menu .first-level .sf-sub-indicator {

	display: none;

}

.header-v3 .main-nav .sf-menu .last .first-level {

	border-right: none;

}

.header-v3 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

_width:expression( (this.parentElement.clientWidth) +'px');

	height: 3px;

	overflow: hidden;

	background-color: #00b1e1;

	position: absolute;

	top: -3px;

	left: 0;

}

.header-v3 .main-nav .sf-menu li:hover i, .header-v3 .main-nav .sf-menu .nav-hover i, .header-v3 .main-nav .sf-menu .current i, .header-v3 .main-nav .sf-menu .sfHover i {

	display: none;

}

/* 二级以下 */

.header-v3 .main-nav .sf-menu li:hover ul, .header-v3 .main-nav .sf-menu li.sfHover ul {

	top: 46px;

	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v3 .main-nav .sf-menu li li:hover ul, .header-v3 .main-nav .sf-menu li li.sfHover ul {

	top: 0;

	left: 13em;

}

.header-v3 .main-nav .sf-menu li li {

	margin-right: 0;

	background-color: rgba(255,255,255,0.9);

	background-color: #fff\9;

	border-top: none;

	background-image: none;

}

.header-v3 .main-nav .sf-menu li li a, .header-v3 .main-nav .sf-menu li li a:visited {

	padding-top: 0;

	padding-bottom: 0;

	line-height: 36px;

	font-weight: normal;

	font-size: 13px;

	color: #4d4d4d;

}

.header-v3 .main-nav .sf-menu li li:hover, .header-v3 .main-nav .sf-menu li.sfHover li.sfHover, .header-v3 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v3 .main-nav .sf-menu li li a:focus, .header-v3 .main-nav .sf-menu li li a:hover, .header-v3 .main-nav .sf-menu li li a:active {

	background-color: #25a9ba;

	color: #fff;

}

.header-v3 .main-nav .sf-menu li li .sf-sub-indicator {

	top: 1em;

	display: block;

}

/* 搜索 */

.header-v3 .top-search {

	width: 190px;

	margin-top: 10px;

}

.header-v3 .top-search .search-form .form-text {

	width: 128px;

	margin-right: 1px;

	background-color: #fff;

}

/* ---------- header-v4 ---------- */

.header-v4 { /*position:absolute;*/

	width: 100%;

	background-color: #1d66bf;

}

.header-v4 .logo {

	float: left;

	margin-top: 15px;

}

.header-v4 .nav, .header-v4 .main-nav {

	float: right;

}

.boxed .header-v4 {

	width: 1060px;

}

/* 全局 */

.header-v4 .main-nav .sf-menu a, .header-v4 .main-nav .sf-menu a:visited {

	color: #fff;

}

.header-v4 .main-nav .sf-menu a:hover {

	text-decoration: none;

	color: #fff;

}

.header-v4 .main-nav .sf-menu a {

	border: none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 100px;

	font-size: 16px;

	color: #fff;

	font-weight: bold;

}

/* 一级 */

.header-v4 .main-nav .sf-menu li {

	margin-left: 5px;

	background-color: transparent;

}

.header-v4 .main-nav .sf-menu li:hover, .header-v4 .main-nav .sf-menu li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover > a, .header-v4 .main-nav .sf-menu a:focus, .header-v4 .main-nav .sf-menu a:hover, .header-v4 .main-nav .sf-menu a:active {

	background-color: #2379e3;

	color: #fff;

}

.header-v4 .main-nav .sf-menu li.current, .header-v4 .main-nav .sf-menu li.current .first-level, .header-v4 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #2379e3;

	color: #fff;

}

.header-v4 .main-nav .sf-sub-indicator {

	background-image: url(../images/superfish-arrows-header-v4.gif);

}

.header-v4 .main-nav .first-level {

	padding-right: 1em;

	padding-left: 1em;

}

.header-v4 .main-nav .first-level .sf-sub-indicator {

	display: none;

}

.header-v4 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

_width:expression( (this.parentElement.clientWidth) +'px');

	height: 2px;

	overflow: hidden;

	background-color: #f90;

	position: absolute;

	top: 0;

	left: 0;

}

.header-v4 .main-nav .sf-menu li:hover i, .header-v4 .main-nav .sf-menu .nav-hover i, .header-v4 .main-nav .sf-menu .current i, .header-v4 .main-nav .sf-menu .sfHover i {

	display: block;

}

/* 二级以下 */

.header-v4 .main-nav .sf-menu li:hover ul, .header-v4 .main-nav .sf-menu li.sfHover ul {

	top: 100px;

}

.header-v4 .main-nav .sf-menu li li:hover ul, .header-v4 .main-nav .sf-menu li li.sfHover ul {

	top: 0;

	left: 13em;

}

.header-v4 .main-nav .sf-menu li li {

	margin-left: 0;

	background-color: #2379e3;

}

.header-v4 .main-nav .sf-menu li li a, .header-v4 .main-nav .sf-menu li li a:visited {

	padding-top: 0;

	padding-bottom: 0;

	line-height: 36px;

	font-weight: normal;

	font-size: 13px;

	color: #fff;

}

.header-v4 .main-nav .sf-menu li li:hover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover, .header-v4 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v4 .main-nav .sf-menu li li a:focus, .header-v4 .main-nav .sf-menu li li a:hover, .header-v4 .main-nav .sf-menu li li a:active {

	background-color: #1f6dcc;

	color: #fff;

}

.header-v4 .main-nav .sf-menu li li .sf-sub-indicator {

	top: 1em;

	display: block;

}

/* ---------- header-v5 ---------- */

.header-v5 {

	position: absolute;

	top: 50px;

	left: 50%;

	margin-left: -515px;

	width: 1030px;

}

.header-v5 .page-width {

	width: auto;

	box-shadow: 0px 0px 3px #e5e5e5;

}

.header-v5 .logo {

	height: 80px;

	float: left;

	background-color: #fff;

	padding: 0 25px 0;

}

.header-v5 .logo a {

	display: block;

	margin-top: 10px;

}

.header-v5 .nav, .header-v5 .main-nav {

	float: right;

}

.header-v5 .top-main {

	background-color: #3299a4;

}

/* 全局 */

.header-v5 .nav {

	margin-right: 25px;

}

.header-v5 .main-nav .sf-menu a {

	color: #999;

}

.header-v5 .main-nav .sf-menu a:hover {

	text-decoration: none;

}

.header-v5 .main-nav .sf-menu a {

	border: none;

	padding-top: 0;

	padding-bottom: 0;

	display: block;

	line-height: 80px;

	font-size: 15px;

	color: #fff;

	font-weight: bold;

}

/* 一级 */

.header-v5 .main-nav .sf-menu li {

	margin-left: 3px;

	background-color: transparent;

}

.header-v5 .main-nav .sf-menu li:hover, .header-v5 .main-nav .sf-menu li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover > a, .header-v5 .main-nav .sf-menu a:focus, .header-v5 .main-nav .sf-menu a:hover, .header-v5 .main-nav .sf-menu a:active {

	background-color: #00809c;

	color: #fff;

}

.header-v5 .main-nav .sf-menu li.current, .header-v5 .main-nav .sf-menu li.current .first-level, .header-v5 .main-nav .sf-menu li.current .first-level:visited {

	background-color: #00809c;

	color: #fff;

}

.header-v5 .main-nav .sf-sub-indicator {

	background-image: url(../images/superfish-arrows-white.gif);

}

.header-v5 .main-nav .sf-menu .first-level {

	padding-right: 1em;

	padding-left: 1em;

	border-right: none;

}

.header-v5 .main-nav .sf-menu .first-level .sf-sub-indicator {

	display: none;

}

.header-v5 .main-nav .sf-menu .last .first-level {

	border-right: none;

}

.header-v5 .main-nav .sf-menu li i {

	display: none;

	width: 100%;

_width:expression( (this.parentElement.clientWidth) +'px');

	height: 3px;

	overflow: hidden;

	background-color: #ea0112;

	position: absolute;

	top: -3px;

	left: 0;

}

.header-v5 .main-nav .sf-menu li:hover i, .header-v5 .main-nav .sf-menu .nav-hover i, .header-v5 .main-nav .sf-menu .current i, .header-v5 .main-nav .sf-menu .sfHover i {

	display: none;

}

/* 二级以下 */

.header-v5 .main-nav .sf-menu li:hover ul, .header-v5 .main-nav .sf-menu li.sfHover ul {

	top: 80px;

	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);

}

.header-v5 .main-nav .sf-menu li li:hover ul, .header-v5 .main-nav .sf-menu li li.sfHover ul {

	top: 0;

	left: 13em;

}

.header-v5 .main-nav .sf-menu li li {

	margin-left: 0;

	background-color: rgba(0,128,156,0.9);

	background-color: #00809c\9;

}

.header-v5 .main-nav .sf-menu li li a, .header-v5 .main-nav .sf-menu li li a:visited {

	padding-top: 0;

	padding-bottom: 0;

	line-height: 36px;

	font-weight: normal;

	font-size: 13px;

	color: #fff;

}

.header-v5 .main-nav .sf-menu li li:hover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover, .header-v5 .main-nav .sf-menu li.sfHover li.sfHover > a, .header-v5 .main-nav .sf-menu li li a:focus, .header-v5 .main-nav .sf-menu li li a:hover, .header-v5 .main-nav .sf-menu li li a:active {

	background-color: #39afbd;

	color: #fff;

}

.header-v5 .main-nav .sf-menu li li .sf-sub-indicator {

	top: 1em;

	display: block;

}

/* ============================= header ============================= */

/*.header { min-height:80px; height:auto !important; _height:80px; }

.has-min-height { min-height:160px; height:auto !important; _height:160px; }

*/













/* ============================= page-title & page-name & page-menu ============================= */

.page-title .page-width {

	overflow: hidden;

}

.page-title .page-name {

	line-height: 38px;

}

.page-title .page-name h2 {

	font-size: 16px;

}

.page-title .breadcrumbs {

	line-height: 38px;

}

.page-title-inner {

	background: none;

	border-bottom: 1px solid #e5e5e5;

	padding: 0;

	margin-top: -15px;

	margin-bottom: 20px;

}

.page-title-inner .breadcrumbs {

	padding-left: 16px;

	background: url(../images/icon-home.png) no-repeat left center;

}

.page-menu {

	margin-bottom: 35px;

}

.page-menu-title {

	margin-bottom: 30px;

}

.page-menu-title h3 {

	display: inline-block;

*display:inline;

*zoom:1;

	padding-bottom: 15px;

	border-bottom: 3px solid #fff;

	font-weight: normal;

	font-size: 18px;

	line-height: normal;

	color: #fff;

}

.page-menu-title p {

	line-height: normal;

	margin-bottom: 15px;

	color: #fff;

	font-size: 24px;

	font-family: Arial, Helvetica, sans-serif;

}

.page-menu-content {

}

.page-menu-content ul {

}

.page-menu-content ul li {

	position: relative;

}

.page-menu-content ul li.last {

	background: none;

}

.page-menu-content ul li a {

	display: block;

	padding: 6px 0;

	color: #a6a6a6;

	font-size: 15px;

*zoom:1;

}

.page-menu-content ul li i {

	display: none;

	width: 7px;

	height: 7px;

	overflow: hidden;

	position: absolute;

	top: 17px;

	right: 0;

	_right: 15px;

}

.page-menu-content ul li a:hover {

	text-decoration: none;

	color: #fff;

}

.page-menu-content ul li:hover i {

}

.page-menu-content ul ul {

	padding: 0 0 5px 20px;

	margin-top: -3px;

}

.page-menu-content ul ul li {

	border-bottom: none;

	background-image: none;

}

.page-menu-content ul ul li a {

	line-height: normal;

	padding: 5px 0 5px 10px;

	background: url(../images/page-menu-sub.gif) no-repeat left center;

	font-size: 12px;

}

.page-menu-content ul li.current a {

	color: #fff;

}

.page-menu-content ul li.current i {

	background-image: url(../images/page-menu-c.gif);

}

.page-menu-content ul li.current ul {

	display: block;

}

.page-menu-content ul li.current ul li {

}

.page-menu-content ul li.current ul li a {

	color: #a6a6a6;

	padding-left: 10px;

	background: url(../images/page-menu-sub.gif) no-repeat left center;

}

.page-menu-content ul li.current ul li a:hover, .page-menu-content ul li.current ul li.current a {

	color: #fff;

	background-image: url(../images/page-menu-sub-c.gif);

}

/* ============================= main ============================= */

.main {

}

.page-title-wrap {

	position: relative;

	margin-bottom: 40px;

	text-align: center;

}

.page-title-wrap h2 {

	display: inline-block;

*display:inline;

*zoom:1;

	padding: 0 10px 15px;

	line-height: normal;

	border-bottom: 3px solid #fff;

	color: #fff;

	font-size: 24px;

	font-weight: normal;

}

.full-page-content {

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	padding: 50px 0 45px;

}

.full-page-content .page-menu {

	background-color: transparent;

	margin-bottom: 30px;

}

.full-page-content .page-menu-content {

	padding: 0;

}

.full-page-content .page-menu-content ul {

	padding: 0;

	text-align: center;

}

.full-page-content .page-menu-content ul li {

	border-bottom: none;

	display: inline-block;

*display:inline;

*zoom:1;

	background-image: none;

	margin: 0 8px;

}

.full-page-content .page-menu-content ul li a {

	line-height: 38px;

	padding: 0 40px;

	font-size: 14px;

	border: 1px solid #333;

	background-color: #000;

	opacity: 0.8;

	filter: alpha(opacity=80);

}

.full-page-content .page-menu-content ul li a:hover {

	background: #fff;

	border-color: #fff;

	opacity: 1;

	filter: alpha(opacity=100);

	color: #333;

}

.full-page-content .page-menu-content ul li.current a {

	background: #fff;

	border-color: #fff;

	opacity: 1;

	filter: alpha(opacity=100);

	color: #333;

}

.sidebar {

	width: 240px;

	padding: 0 0 50px;

	position: relative;

	z-index: 10;

}

.sidebar .qhd-content img {

	max-width: 240px;

	height: auto !important;

}

.content {

	width: 720px;

	padding: 0 0 50px;

	_overflow: hidden;

}

.content .qhd-content img {

	max-width: 720px;

	height: auto !important;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery {

	width: 360px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image img {

	width: 100%;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper {

	height: 270px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-nav .ad-thumbs {

	margin: 0 30px;

	width: 300px;

}

.content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image,  .content .product-intr .product-preview .gallery-img-wrap .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {

	width: 30px;

	height: 60px;

	margin-top: -30px;

}

.content .product-intr .product-preview .single-img-wrap img {

	width: 350px !important;

}

.content .product-intr .zoom-small-image img {

	width: 364px !important;

}

.content .product-intr .zoom-thumbs {

	width: 376px;

}

.content .product-detail .product-name h1 {

	font-size: 16px;

}

.content .product-detail .price {

	font-size: 15px;

}

.full-page-content-wrapper {

	min-height: 250px;

	height: auto !important;

	_height: 250px;

}

.white-bg-wrapper {

	background-color: #fff;

}

.white-bg-wrapper .page-title {

	border-bottom: 1px dashed #c4c4c4;

}

.white-bg-wrapper .page-title h2 {

	line-height: normal;

	padding: 20px 25px 15px;

	font-size: 20px;

	color: #333;

}

.white-bg-wrapper .full-page-content-wrapper {

	padding: 30px 40px 50px;

}

.article-detail .article-title h1 {

	color: #fff;

	font-size: 24px;

	font-weight: normal;

}

.article-detail .entry-meta {

	border: none;

	color: #9c9c9c;

}

.article-detail .entry-meta a {

	color: #9c9c9c;

}

.article-detail .entry-meta a:hover {

	color: #fff;

}

.article-detail .article-content-wrapper {

	background-color: #fff;

	padding: 30px 40px 50px;

}

.full-screen {

	width: 100%;

	overflow: hidden;

}

.full-screen-sidebar {

	background: #262626;

	padding: 60px 30px;

	color: #fff;

}

.full-screen-sidebar a {

	color: #a6a6a6;

}

.full-screen-sidebar a:hover {

	color: #fff;

}

.full-screen-content {

	min-height: 200px;

	height: auto !important;

	_height: 200px;

	padding: 60px;

}

/*

	.full-screen-content .entry-item { background-color:#2a2a2a; padding-bottom:0; margin-bottom:40px; border-bottom:none; transition: all 0.5s ease 0s; }

	.full-screen-content .entry-item a { color:#fff; }	

	.full-screen-content .entry-item .typo-text { margin-top:15px; margin-right:20px; }

	.full-screen-content .entry-item:hover { background-color:#fff; }	

	.full-screen-content .entry-item:hover a { color:#1a1a1a; }

	.full-screen-content .entry-item:hover a:hover { color:#f30; }

	

	

	

	.font-white { color:#333 !important; }	

	.font-white a { color:#666 !important; }

	.font-white a:hover { color:#333 !important; }	

	.font-white .module-divider { background-color:#ccc !important; }

	

	*/



/* ============================= footer ============================= */

.footer {

	overflow: hidden;

	background-color: #f0eced;

	font-size: 13px;

}

.footer-main .page-width {

	padding-top: 35px;

	padding-bottom: 35px;

}

.footer .module-title-default > .module-title-content h3 {

	font-size: 16px;

	color: #4d4d4d;

}

.footer .module-more-default a {

	font-size: 12px;

}

/* ============================= bottom ============================= */

.bottom {

	overflow: hidden;

	font-size: 13px;

	color: #888;

	background: #101010 url(../images/bottom-bg.jpg);

}

.bottom .page-width {

	padding-top: 30px;

	padding-bottom: 30px;

}

.bottom a {

	color: #888;

}

.bottom a:hover {

	color: #fff;

}

.bottom .module-divider {

	margin-bottom: 20px;

	margin-top: 20px;

	background-color: #262626;

}

.bottom .module-title-default {

	margin-bottom: 5px;

}

.bottom .module-title-default > .module-title-content > h3 {

	font-size: 14px;

	line-height: 18px;

	color: #ccc;

}

.bottom .module-more-default a {

	color: #e5e5e5;

	background-color: #1a1b1d;

}

.bottom .module-more-default a:hover {

	color: #fff;

	background-color: #e20620;

}

.QHDEmptyArea {

	line-height: 0;

	height: 0;

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

/* =======================================================================

 white bg css

==========================================================================*/

.white-bg .qhd-content {

	color: #333;

}

.white-bg .qhd-content a {

	color: #333;

}

.white-bg .qhd-content a:hover {

	color: #f30;

}

.white-bg .qhd-content hr {

	border-color: #ddd;

}

.white-bg .table {

	background-color: transparent;

}

.white-bg .table th, .white-bg .table td {

	border-top: 1px solid #DDDDDD;

	color: #333;

}

.white-bg .table-striped tbody tr:nth-child(2n+1) td, .white-bg .table-striped tbody tr:nth-child(2n+1) th {

	background-color: #F9F9F9;

}

.white-bg .table th {

	background: #EBEBEB;

}

.white-bg .table-bordered {

	-moz-border-colors: none;

	border-collapse: separate;

	border-color: #DDDDDD #DDDDDD #DDDDDD;

	border-style: solid solid solid none;

	border-width: 1px 1px 1px 0;

}

.white-bg .table-bordered th, .white-bg .table-bordered td {

	border-left: 1px solid #DDDDDD;

}

.white-bg .table-row thead th {

	background: #ebebeb;

}

.white-bg .table-row tbody th {

	background: #f5f5f5;

}

.white-bg .table-col tbody th {

	background: #ebebeb;

}

/* ====== Slideshow & Scrollable ====== */

.white-bg .scrollable ul li h2 a {

	color: #333;

}

.white-bg .scrollable ul li h2 a:hover {

	color: #f30;

}

.white-bg .scrollable .carousel-direction a:hover {

	color: #333;

}

.white-bg .scrollable .carousel-direction a.disabled, .white-bg .scrollable .carousel-direction a.disabled:hover {

	color: #e5e5e5;

}

/* ====== Tab & Accordion ====== */

.white-bg .tab-more a {

	border-color: #666;

	color: #666;

}

.white-bg .tab-more a:hover {

	background-color: #666;

	color: #fff;

}

/* 文章 & 产品 公用

------------------------------------------------------------------------------------------ */

.white-bg .entry-item {

	background-color: transparent;

	border-bottom: 1px dotted #d9d9d9;

	margin: 0 0 23px;

	padding: 0 0 25px;

}

.white-bg .entry-item:hover {

	background-color: #fff;

}

.white-bg .entry-item:hover a {

	color: #333;

}

.white-bg .entry-item:hover a:hover {

	color: #f30;

}

.white-bg .entry-item .typo-text {

	padding: 0;

}

.white-bg .entry-title a {

	color: #333;

}

.white-bg .portfolio-title a {

	color: #333;

}

.white-bg .portfolio-title a:hover {

	color: #f30;

}

.white-bg .product-filter dd a.current {

	color: #fff;

}

.white-bg .gallery-detail-title h1 {

	color: #333;

}

/* 分类 */

.white-bg .category ul li a {

	color: #333;

}

.white-bg .category ul li a:hover {

	color: #f30;

}

.white-bg .category ul li.current a {

	color: #f30;

}

.white-bg .category ul li.current ul li a {

	color: #333;

}

.white-bg .category ul li.current ul li a:hover, .white-bg .category ul li.current ul li.current a {

	color: #f30;

	background: url(../images/page-menu-sub.gif) no-repeat left center;

}

/* 文章 */

.white-bg .article-list-row li {

	border-bottom: 1px dotted #d9d9d9;

}

.white-bg .article-list-row li .article-title {

	color: #4d4d4d;

}

.white-bg .article-list-row li .article-title:hover {

	color: #f30;

}

.white-bg .headlines-list .headlines-content-bg {

	border-bottom: none;

}

.white-bg .headlines-list .headlines-content .entry-title a {

	color: #333;

}

.white-bg .headlines-list .headlines-content .entry-title a:hover {

	color: #f30;

}

.white-bg .headlines-list .headlines-content {

	border-bottom: none;

}

.white-bg .entry-list-article .entry-item a {

	color: #808080;

}

.white-bg .article-list .portfolio-summary .qhd-content {

	color: #8b8b8b;

}

.white-bg .article-list li a:hover {

	background-color: #f2f2f2;

}

.white-bg .article-list-row li .file-download-disabled, .white-bg .article-list-row li .file-download-disabled:hover {

	background: url(../images/icon-download-disabled.gif) no-repeat left center;

	color: #ccc;

	cursor: not-allowed;

}

.white-bg .blog-list .entry-item {

	padding: 0;

}

.white-bg .article-detail .article-title h1 {

	color: #333;

}

.white-bg .article-detail .entry-meta {

	border-bottom: 1px dotted #ccc;

}

.white-bg .article-detail .entry-meta a:hover {

	color: #f30;

}

.white-bg .article-detail .article-content-wrapper {

	padding-left: 0;

	padding-right: 0;

}

/* 产品 */

.white-bg .product-filter dt {

	color: #333;

}

.white-bg .product-filter dd a {

	color: #666;

}

.white-bg .product-detail .product-name h1 {

	color: #333;

}

.white-bg .product-detail .product-info-item {

	border-color: #e5e5e5;

	color: #4d4d4d;

}

/* Link 链接

------------------------------------------------------------------------------------------ */

.white-bg .link a {

	color: #333;

}

.white-bg .link a:hover {

	color: #f30;

}

.white-bg .link-list .link-name a {

	color: #333;

}

.white-bg .link-list .link-name a:hover {

	color: #f30;

}

/* 容器

------------------------------------------------------------------------------------------ */

.white-bg .module-title-default > .module-title-content h3 {

	color: #333;

}

.white-bg .module-title-default > .module-title-content span {

	color: #666;

}

.white-bg .module-title-default > .module-title-content span strong {

	color: #666;

}

.white-bg .module-border-title p {

	color: #4d4d4d;

}

.white-bg .module-border-title h3 {

	color: #333;

	border-bottom-color: #666;

}

.white-bg .module-full-screen-title > .module-title-content > h2 {

	color: #333;

}

.white-bg .module-full-screen-black .module-full-screen-title > .module-title-content > h2 {

	color: #fff;

}

.white-bg .module-full-screen-black .module-full-screen-content .qhd-content {

	color: #fff;

}

.white-bg .pagination span, .pagination a {

	color: #fff;

	background-color: #666;

}

.white-bg .pagination a:hover {

	background: #f30;

	color: #fff;

	text-decoration: none;

}

.white-bg .pagination a:active {

	color: #fff;

}

.white-bg .pagination .disabled {

	background-color: #ccc;

	color: #999;

	cursor: default;

}

.white-bg .pagination .current {

	background-color: #f30;

	color: #fff;

}

/*分页*/

.m-page {

	text-align: right;

	font-size: 0;

	height: 38px;

	line-height: 38px;

	text-align: center;

}

.m-page li {

	display: inline

}

.m-page a, .m-page i {

	display: inline-block;

	font-size: 15px;

background-color:;

	padding: 0px 13px;

	height: 36px;

	overflow: hidden;

	text-align: center;

	border: 0px #ddd solid;

	color: #bbb;

	font-family: Arial;

	margin-left: 5px;

	vertical-align: top;

}

.m-page a.next, .m-page a.prev {

	font-family: 宋体;

	font-size: 16px;

	font-weight: 700;

}

.m-page a:hover, .m-page li.thisclass a {

	background-color: #0d0d0d;

	color: #333;

}

.m-page span {

	font-size: 14px;

	padding-right: 10px;

}


.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #000;color:#999}
.pagess ul li:hover{ background:#666; color:#fff;border: 1px solid #666}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #666;padding: 2px 9px;margin: 0 3px;background: #666;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}